javascript - 查明用户到达 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");           
   }
});

Demo