javascript - jQuery 向下滚动页面不起作用

Question

我正在尝试使用 jQuery 为我的页面制作平滑的滚动效果。有谁知道为什么这不起作用？

$(document).ready(function() {


   $("#button").click(function() {
     $(document).animate({
       scrollTop: $("#endpoint").offset().top
     }, 1100);
   });

 });

JSFiddle -> https://jsfiddle.net/1hm56tms/2/

Answer 1

您应该为 Body 而不是文档设置动画。

$("#button").click(function() {
   $("body").animate({
   scrollTop: $("#endpoint").offset().top
 }, 1100);

});

jsfiddle