JQuery的 - 如何檢查是否滾動條是在底部的所有瀏覽器

如何在JQuery的檢查元素是否有他的滾動條的底部？ HTML結構是這樣的JQuery的 - 如何檢查是否滾動條是在底部的所有瀏覽器

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

.container是一個，如果下ol.list物品越過定義的高度得到一個滾動條。

來源

2012-06-21 arvinsim

檢查容器的scrollTop（）jQuery值是否等於domelement的scrollHeight減去容器的高度。然後滾動條在底部。

http://jsfiddle.net/KxZDK/2/

編輯：自從IE7，scrollHeight屬性實際上是小於高度，而不是等於高度，如果內容會更小，所以用比等於較大，使結果永遠是真實的，即使如果沒有滾動條。

我也更新了小提琴鏈接。

來源

2012-06-21 09:07:08

當容器的溢出設置爲auto，滾動或隱藏時，如果出現溢出，scrollHeight將成爲所需的高度，以便在溢出情況下滾動條不會出現：auto。檢查我更新的鏈接，警告高度和scrollHeight值。 http://jsfiddle.net/KxZDK/1/ 編輯：啊，看來我帶走了他的評論之前，誰評論的用戶。儘管如此，我會保留這個評論。 –

對不起，我的評論完全是僞造的。我用了幾個實例的jsfiddle ......要知道，根據https://developer.mozilla.org/en/DOM/element.scrollHeight的scrollHeight屬性屬性在IE不支持<8 – Melvin

我試圖在的jsfiddle，它似乎IE7的唯一區別是scrollHeight可以顯示小於高度的值。我修改了我的答案，提到它。除此之外，它工作正常，即使在縮放（通過Google搜索，我讀了一些人說，當頁面放大時，它奇怪的作品）。 –

您可以使用下述函數來獲取容器的高度，用這個高度來比較定義的高度知道是否有滾動條或者不是。

$('.list').height()

來源

2012-06-21 09:02:35 sushil

我想你可能誤會了我的問題。我正在尋找的是檢查滾動條是否在底部，而不是檢查是否有滾動條可見。 – arvinsim

JQuery的 - 如何檢查是否滾動條是在底部的所有瀏覽器

回答

相關問題