Question

我试图实现scrollTo功能，但问题是当我滚动时我想要滚动到屏幕顶部的元素不在中间或其他地方。

这是js funcion

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

}）;

Answer 1

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

在页面末尾添加大量空格，这将为滚动提供更多空间。执行此操作时，您的代码就可以正常工作。

Answer 2

这是因为您的网页不够高。要创建一个自动使页面足够高的javascript函数（无论它是什么），请执行以下操作：

$("body").height("100%");
$("html").height(($("body").height()) + 500);

请参阅：http://jsfiddle.net/ZNV7G/1/

如果您想要更加确定，可以将+ 500替换为* 2，但在较小的文档中这会有点过分。

scrollTo不滚动到元素的开头

2 个答案: