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

Question

我试图让页面自动滚动到底部 - 世界上最简单的东西，对不对？没有那么多。我们有一个SPA（使用Kendo UI）进行一个非常简单的论坛。该页面的一部分JS包括设置我们的内容div的高度，我发现它阻止了标准的scrollTop功能的运行。

这里的页面：

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

设置height：

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

。内容区域就是一切在页面上，但不包括头和导航。 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");