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

Question

下面的代码可以很好地发现用户在滚动时到达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();
}

Answer 1

试试这个，我只在chrome浏览器中测试:-

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

演示