检测元素是否进入溢出

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());