javascript - 是否可以确定元素当前是否溢出其容器？

Question

我想检查水平滚动条是否应用于这样的 div:

if (box.width() < box.get(0).scrollWidth)

这总是正确的，即使没有任何滚动条，因为 box.get(0).scrollWidth 返回 203px，而 .width( ) 返回 200。

这里我举个例子，请看第一个方框。 $('.box0')

示例:http://www.nikolaydyankov.com/Dev/lionbars/

Answer 1

我只是为了确定 div 是否溢出 - 即可滚动:

$.fn.hasScrollBar = function() {
    var _elm = $(this)[0];
    var _hasScrollBar = false; 
    if ((_elm.clientHeight < _elm.scrollHeight) || (_elm.clientWidth < _elm.scrollWidth)) {
        _hasScrollBar = true;
    }
    return _hasScrollBar;
}

用法:$('#<id>').hasScrollBar();返回真/假

*我认为最初来自 SO