找出用户是否在到达div的底部/顶部后仍在滚动

时间:2014-08-09 12:51:34

标签: javascript jquery

我遵循的代码可以正常工作,以便在滚动时用户到达div的底部或顶部。但是,现在我想找到一旦用户到达div标签的底部/顶部并且他/她仍在滚动。我的意思是一旦用户到达底部,找出该用户是否仍在向下滚动,如果用户到达顶部,则查明他是否仍在向上滚动。 如何实现这一目标?

以下是 CODE

$('.scroll').on('scroll',checkScroll);


function checkScroll(e)
{
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) 
    {
        console.log("bottom");
    }

    if (scrollBottom(elem) == elem.outerHeight()) 
    {
        console.log("top");
    }

}

function scrollBottom(el)
{
    return $( el ).scrollTop() + $( el ).height();
}

1 个答案:

答案 0 :(得分:1)

尝试这个我只在Chrome浏览器中测试: -

$('.scroll').bind('mousewheel DOMMouseScroll', function(event){
var elem=  $(this);
   if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) 
   {
        console.log("opps.. still scrolling");           
   }
});

Demo