Question

我试图让页面自动滚动到底部 - 这是世界上最简单的事情，对吗？那不是那么多。我们为一个非常简单的讨论论坛提供了一个SPA（使用Kendo UI）。该页面的JS的一部分包括设置我们的内容div的高度，我发现这是阻止标准scrollTop功能工作。

这是页面：

标题是静态的，页脚底部的页脚是粘性的。您会注意到滚动条不会在添加评论部分后面，这是我们设置高度的部分原因。

设置高度：

$('.content-area').height($(window).height() - ($('header nav').height() + $('.disc-add-comment-cont').height()));

.content-area是页面上的所有内容，不包括标题和导航。 header nav是静态头，而.disc-add-comment-cont是添加注释页脚。

我用于底部滚动的代码就像它的香草一样：

$("html, body").animate({ scrollTop: $(document).height() }, "slow");

我也尝试过：

$("html, body").animate({ scrollTop: $(window).height() - ($('header nav').height() + $('.disc-add-comment-cont').height()) }, "slow");

考虑第一个高度计算，但没有运气。

我需要滚动到底部功能才能工作，即使使用我们现有的高度计算也是如此。我会很难发布一个可行的例子，但我100％肯定它是我们的身高计算。把它留在代码中，滚动不起作用。注释掉，滚动按预期工作。

Answer 1

您在那里的滚动位于.content-area元素上，而不在html或body上，因此您应滚动该元素：

$(".content-area").animate({scrollTop: $('.content-area').prop("scrollHeight")}, "slow");