如何使用滚动而不是鼠标滚轮Js

问题描述：

我需要将下面的工作脚本转换为它在滚动中工作，无论站点如何滚动。如何使用滚动而不是鼠标滚轮Js

// // HEADER 
    $(window).bind('mousewheel', function(event) { 
     if ($(document).scrollTop() <= 20 || event.originalEvent.wheelDelta > 0 && $(document).scrollTop() <= 105) { 
      //console.log('large'); 
      headerLarge(); 
     } 
     else if (event.originalEvent.wheelDelta > 0 && $(document).scrollTop() <= 120) { 
      //console.log('medium'); 
      headerMed(); 
     } 
     else if (event.originalEvent.wheelDelta < 0 && $(document).scrollTop() >= 100) { 
      //console.log('small'); 
      headerSm(); 
     } 
    });

我试图使用没有成功如下：

的$（document）。在（ '滚动'，函数（事件）{...

那么实际上你想检测滚动方式，向上或向下？ – 2014-10-31 19:32:12

我需要调用特定的js函数（我正在更改css），具体取决于页面在不同阶段的滚动。 – user2300867 2014-10-31 19:37:07

答

这应该工作

$(window).scroll(function(){ 

});

嗯，但我仍然有event.originalEvent.wheelDelta if语句，有关如何使用滚动获得相同功能的任何建议？ – user2300867 2014-10-31 19:23:46

humm。我不认为滚动事件带有这些数据。你想要完成什么？如果你正在尝试检测滚动方向，那么有一个解决方案http://stackoverflow.com/questions/4326845/how-can-i-determine-the-direction-of-a-jquery-scroll-event – 2014-10-31 20:13:03

答

您可以使用$（window）.scroll（）像这样：

$(window).scroll(function() { 

     alert("scrolling!"); 

});

取自Infinite Scroll Paging

如何使用滚动而不是鼠标滚轮Js

相关推荐