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

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

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

这是我在搬运东西，现在的方式：

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 advance！

来源

2013-10-12 kfirba

你为什么不只是将它绑定到'$（window）.on（'scroll'）'？我错过了什么吗？ – Sunyatasattva

不知道，我没有使用过，因为我无法找到一种方法来确定每当我向下滚动。但现在我看到了一种方法，感谢minitech – kfirba

而是结合过甜的浏览器特定的事件，请使用scroll：

var lastScroll = 0; 

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

     lastScroll = window.pageYOffset; 
    } 
});

（如果你需要IE < 9的支持，顺便说一句，这是document.documentElement.scrollTop）

来源

2013-10-12 21:19:25 Ryan

如果他滚动到页面的顶部，然后回到页面的顶部，该怎么办？当它不会检测到时，有一些向下滚动的范围：o – kfirba

如果我需要IE <9支持，我应该在哪里注入这个'document.documentElement.scrollTop'？ – kfirba

@kfirba：不，它也应该检测到。你应该做'var yOffset = window.pageYOffset || document.documentElement.scrollTop;'然后'if（yOffset> lastScroll）'和'lastScroll = yOffset'。 – Ryan

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

回答

相关问题