检测div滚动条是否触顶

Question

如何检测div滚动条向上滚动并触碰到顶部(只有在触碰到顶部时)

我找到了另一篇帖子，但这篇是触碰底部。

我需要的是触碰顶部。 有人知道如何更改吗？

$("#divID").scroll(function(){
    if($(this)[0].scrollHeight - $(this).scrollTop() <= $(this).outerHeight())
    {
        alert(1);
    }
});

了解如何检测垂直滚动条何时到达div的底部

请注意，本文涉及IT技术。我将翻译这篇文章并简化其中的内容，以便更易于理解。

- Ben

---

这似乎非常复杂，为什么不尝试一些简单的东西呢！ - HIRA THAKUR

Answer 1

可运行的示例代码

（涉及IT技术）

var el = $('.test');
el.on('scroll', function(){

    if(el.scrollTop() == 0){alert("i just hit the top")}


});

- HIRA THAKUR

Answer 2

当滚动条位于顶部时，scrollTop 的值将为0。尝试以下代码：

$("#divID").scroll(function () {
    if ($(this).scrollTop() == 0) {
        alert(1);
    }
});

示例 fiddle

- Rory McCrossan

Answer 3

$("#divID").scroll(function(){
    if($(this)[0].scrollHeight - $(this).scrollTop() <= $(this).outerHeight())
    {
        alert("Bottom");
    }
    if($(this).scrollTop() == 0)
    {
        alert("Top");
    }
});

Fiddle在这里

- zkanoca