如何使用 jQuery 檢查 Div 中的捲軸可見性？

檢查捲軸可見性

您需要確定

是否為捲軸。使用 jQuery 將元素的溢出設定為「自動」。當內容超過指定尺寸時，此屬性會觸發捲軸的出現。

解決方案：

為了適應不同的內容長度和對應的可見性捲軸，您可以使用自訂外掛程式：

( function($) {

$.fn.hasScrollBar = function() {
    return this.get(0).scrollHeight > this.height();
}

})(jQuery);

用法：

$('#my_div1'). hasScrollBar(( );
// 如果存在垂直捲軸，則傳回true，否則傳回false。

注意： 此插件已經過測試，並且在 Firefox、Chrome、IE6、IE7 上一致工作和 IE8。但是，它可能無法與正文標籤選擇器一起充分發揮作用。

水平捲軸的替代解決方案：

在水平滾動條導致外觀的情況下垂直滾動條的情況下，上述功能可能無法正常運作。另一個解決方案涉及使用 clientHeight 屬性：

return this.get(0).scrollHeight > this.get(0).clientHeight;

以上是如何使用 jQuery 檢查 Div 中的捲軸可見性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！