Question

jQuery中是否有一种简单的方法可以检测滚动条何时出现并消失在有溢出的div上：auto？（就像一个事件？手指交叉......）

（我不想看看div内容的高度）

Answer 1

实现此目的的另一种方法是使用scrollLeft或scrollTop检查是否存在滚动条：

//nudge the scrollbar away from its starting position

$('#your_selector').scrollLeft(1);

//A value of 0 is assigned if the scrollbars are at their default position, 
//or are abscent

if($('#your_selector').scrollLeft() !== 0) return true;

//put the scrollbar back to its starting position

$('#your_selector').scrollLeft(0);

Answer 2

正如其他人所说，没有简单的方法。这是我过去用来检测滚动条是否存在的一些代码。

// Used like $('#my-id').hasScrollbar();

jQuery.fn.hasScrollbar = function() {
    var scrollHeight = this.get(0).scrollHeight;

    //safari's scrollHeight includes padding
    if ($.browser.safari)
        scrollHeight -= parseInt(this.css('padding-top')) + parseInt(this.css('padding-bottom'));

    if (this.height() < scrollHeight)
        return true;
    else
        return false;
}

在添加或删除div中的内容后，您手动需要调用此内容，它可能仅在您在可见元素上调用它时才有效，但它最好从头开始。

Answer 3

据我所知，没有事件发生。
但是，你“可以”为此编写自己的特殊事件，我想你必须检查高度和宽度。

如果.innerHeight取代.outerHeight，应该可以检测滚动条元素的价值。

滚动条在jQuery中出现/消失事件？

3 个答案: