随身笔记
随身笔记

mousewheel滑轮滚动触发事件

fullpage 手机 滚屏 pagefull

滑轮滚动触发事件在网上搜索到最多的是jquery.mousewheel.js插件,但是兼容性貌似不支持IE,找了很多有找到类似不错的插件效果例如:https://sdeno.com/?p=3718能兼容IE5.5。

但是我们不用滑轮做这么炫的效果的时候,我们只需要以下代码就行。

var scrollFunc=function(e){ 
  e=e || window.event; 
  if(e.wheelDelta){//IE/Opera/Chrome 
     if(e.wheelDelta/120==1){ 
       // console.log('向上');
       up();
     }else{
       // console.log('向下');
        down();
     }
 }else if(e.detail){//Firefox 
    if(e.detail/3==1){
       // console.log('向下');
       down();
    }else{
       // console.log('向上');
       up();
      }
   } 
 } 
 /*注册事件*/ 
 if(document.addEventListener){ 
   document.addEventListener('DOMMouseScroll',scrollFunc,false); 
 }//W3C 
 document.onmousewheel=scrollFunc;//IE/Opera/Chrome

https://sdeno.com/zp/mousewheel.html

摘抄:http://www.cnblogs.com/huangyong8585/archive/2012/11/14/2770114.html

随身笔记

mousewheel滑轮滚动触发事件
fullpage 手机 滚屏 pagefull 滑轮滚动触发事件在网上搜索到最多的是jquery.mousewheel.js插件,但是兼容性貌似不支持IE,找了很多有找到类似不错的插件效果例如:https://sdeno.com/?…
扫描二维码继续阅读
2015-05-02