确定用户何时使用滚动条向下滚动

kfirba 发表于 Dev

克菲巴

我已经创建了一个事件，以在用户使用鼠标小滚轮向下滚动时触发。但是，用户通过向下滚动滚动条向下滚动会发生什么？

当他通过向下拖动滚动条向下滚动时，我想触发相同的事件，就像他正在使用鼠标滚轮向下滚动一样。

这就是我现在处理事情的方式：

    var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel" 
    $(window).bind(mousewheelevt, function(e){

        var evt = window.event || e
        evt = evt.originalEvent ? evt.originalEvent : evt;
        var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta


        if(delta > 0) {
            // some code in the future if it's up
        }
        else{
        // some code if it's down (would like this block of code to be executed
           when the user draggs down the scrollbar)
            }
    });

有什么建议么？

感谢ina提前！

Ry-

与其绑定到棘手的浏览器特定事件，不如使用scroll：

var lastScroll = 0;

$(window).on({
    scroll: function() {
         if(window.pageYOffset > lastScroll) {
             // Scrolling down
         }

         lastScroll = window.pageYOffset;
    }
});

（顺便说一下，如果您需要IE <9支持，则为document.documentElement.scrollTop。）

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。