jQuery向下滚动页面不起作用

Question

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

$(document).ready(function() {


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

 });

JSFiddle - ＆gt; https://jsfiddle.net/1hm56tms/2/

Answer 1

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

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

}）;

jsfiddle

Answer 2

您需要将文档更改为正文或html，

jsfiddle

$(document).ready(function() {

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

});