jquery - JQuery-すべてのブラウザでスクロールバーが下部にあるかどうかを確認する方法

Question

要素の下部にスクロールバーがあるかどうかをJQueryでどのようにチェックしますか？html構造は次のようなものです

<div class="container">
 <ol class="list">
     <li class="item">Item 1</li>
     ....
 </ol>
</div>

.containerは、ol.listの下のアイテムが定義された高さを超えた場合に、スクロールバーを取得するものです。

score 8 · Accepted Answer

コンテナーの scrollTop() jQuery 値が、domelement の scrollHeight からコンテナーの高さを引いた値に等しいかどうかを確認します。次に、スクロールバーが一番下にあります。

編集: IE7 では、コンテンツが小さい場合、scrollHeight は実際には高さと同じではなく高さよりも小さくなるため、スクロールバーがなくても結果が常に true になるようにより大きい値を使用します。

フィドルリンクも更新しました。

score 0 · Accepted Answer

以下の関数を使用してコンテナの高さを取得し、この高さを使用して定義された高さと比較して、スクロールバーがあるかどうかを知ることができます。

$('.list').height()

2 に答える 2