检测div滚动条击中顶部

时间:2013-07-30 12:06:14

标签: javascript jquery html scrollbar

如何检测div滚动条的时间,向上滚动并击中顶部(仅当它击中顶部时)

我找到了另一个帖子,但是这个帖子已经触底了。

我需要的是达到顶峰。有谁知道如何改变这个?

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

Know when vertical scrollbar hits bottom of scroll in div

3 个答案:

答案 0 :(得分:3)

working fiddle

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

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


});

答案 1 :(得分:1)

当滚动条位于顶部时,

scrollTop将为0。试试这个:

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

Example fiddle

答案 2 :(得分:0)

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

小提琴是here