javascript - 滚动到页面的底部元素

Question

我准备了一个非常 self 解释的 jsfiddle: http://jsfiddle.net/nt7xzxur/里面有以下滚动代码:

function smoothScroll(hash) {
$('html, body').animate({
    scrollTop: $(hash).offset().top
}, 750);

当您单击其中一个可用链接时，浏览器窗口将滚动到右侧相应元素所在的位置。不过，我想实现一件事:

很明显，最后两个元素不会向上滚动到顶部，因为它们下面没有足够的内容来滚动。 我希望所有元素都可以滚动到顶部，但到目前为止我还没有找到一个好的方法来做到这一点。我可以在最后一项下面添加一些空行，但它会增加右侧滚动条的长度并且不是很优雅。

有没有其他方法可以通过 css、js 或其他方式实现？

Answer 1

您可以动态计算额外空间并将其添加到页面末尾。我创建了一个小代码，您可以查看它并根据需要使用它 http://jsbin.com/mubugusido/6/edit?html,js