css - divボックスを一番下にロードする

Question

ページの読み込み時にスクロール可能な div 要素を下部に表示する必要があるプロジェクトで作業しています。これは、ユーザーが上にスクロールして残りのコンテンツを表示できることを意味します。これを行う唯一の方法は、ページの読み込み時に div を一番下まで自動スクロールすることです。しかし、このプロジェクトでは読み込み時間が重要なので、別の解決策を見つけたいと思います。できればcssのようなもので、これを行う他の方法はありますか? ありがとう！

Answer 1

JavaScript を使用してこの効果を得ることができます。高速なので、ロード時間を気にする必要はありません。

var yourDiv = document.getElementById('yourDivId');  
yourDiv.scrollTop = yourDiv.scrollHeight;

jQuery を使用してこれを実装する方法も多数あります。この件に関する素晴らしいブログ投稿は次のとおりです。

jQuery スクロール先

Answer 2

タグがないjavascriptので、css ファイルがダウンロードされるまで要素を非表示にします (ただし、これは初回のみ機能し、その後 css ファイルがキャッシュされます)

<div id="bottom" style="display: none;"></div>

CSS

#bottom {
    display: block !important;
    position: fixed;
    bottom: 0;
}