jQuery向下滚动页面不起作用答案

【问题标题】：jQuery scroll down page not workingjQuery向下滚动页面不起作用
【发布时间】：2016-09-11 09:09:41
【问题描述】：

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

$(document).ready(function() {


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

 });

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

【问题讨论】：

标签： javascript jquery html css frontend

【解决方案1】：

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

jsfiddle

$(document).ready(function() {

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

});

【讨论】：

【解决方案2】：

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

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

});

jsfiddle

【讨论】：