檢測元素是否進入溢出

Question

我有一個div，它會有一定的固定高度。說500px。通常它會有超過500px的內容塊，並使用溢出：auto;一個滾動條將出現在元素中。然而，在某些情況下，它並沒有和設計看起來很奇怪（這裏的滾動條確實是一個設計元素）。

標記可能是這樣的：

<div class="col2"> 
    ... 
</div> 

當.col2有四溢的元素（即滾動條）我什麼都不做，如果沒有，我想補充另一個類（一些帶有邊框），也許.border。

只是不知道該怎麼去做？由於該庫已被使用，因此最好使用jQuery。非常感謝任何幫助！

Answer 1

這應該可以幫助你...基本上創建函數，告訴你天氣與否div將有一個滾動條。 （垂直或水平）

$.fn.hasVerticalScrollBar = function() { 
    if (this[0].clientHeight < this[0].scrollHeight) { 
    return true 
    } else { 
    return false 
    } 
} 

$.fn.hasHorizontalScrollBar = function() { 
    if (this[0].clientWidth < this[0].scrollWidth) { 
    return true 
    } else { 
    return false 
    } 
} 

用法

alert($('#mydivid').hasHorizontalScrollBar()); 
alert($('#mydivid').hasVerticalScrollBar());