设置div的高度+滚动到底部

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");