javascript - scrollTo 不滚动到元素的开头

Question

我尝试实现scrollTo函数，但问题是当我滚动时我希望滚动到的元素位于屏幕顶部而不是中间或其他地方。

JsFiddle

这是js函数

 $(document).ready(function () {
 $(".scroll").click(function (event) {
     $('html,body').animate({
         scrollTop: $("#footer").offset().top
     }, 500);
 });

});

Answer 1

这里的问题是屏幕底部没有足够的空间来滚动，以便目标在顶部结束。滚动条完全位于底部。

在页面末尾添加大量空白，这将为滚动提供更多空间。当您这样做时，您的代码就可以正常工作。