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