divの高さ+下から下へのスクロール

Question

私はページを自動的に下にスクロールさせようとしています - 世界で最も簡単なものですか？まあまあです。非常に簡単なディスカッションフォーラムにSPA（剣道UIを使用）があります。このページのJSの一部には、標準のscrollTop機能の動作を妨げるコンテンツdivの高さの設定が含まれています。ここで

ページです：

ヘッダは静的であり、およびフッタは、ページの一番下に粘着性です。スクロールバーがコメントの追加セクションの後ろにはないことがわかります。これは、高さを設定している理由の一部です。高さの設定

：

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

.contentエリアは、ヘッダとナビゲーションバーを除いたページ上のすべてのもの、です。ヘッダー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"); 

を第1の高さカルクを考慮して、運がない。

既存の高さ計算を使用していても、スクロール・トゥ・ボトム機能が必要です。私は実用的な例を投稿するのはかなり難しいでしょうが、私はそれが私たちの高さの計算だと100％確信しています。コード内に置いておくと、スクロールが機能しません。それをコメントアウトし、スクロールが期待どおりに動作する

Answer 1

あなたがしていないhtmlまたはbody上、.content-area要素であり持っているので、あなたはその要素にスクロールする必要がありスクロール：

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