首页 新闻 会员 周边

鼠标滑动轮事件如何判断滑动轮是朝上滚动了还是朝下滚动的

0
悬赏园豆:20 [待解决问题]

最近很流行小米官网的页面布局,就想自己写一个鼠标滑动轮滑动事件,不借用插件的哦!我的想法是根据滚动条的scrollTop值来判断,如果值变大则是朝小滚动了反之朝上滚动,不知道用jQuery脚本如何来写,还请大神指教

问题补充:

不知大神还有其他解决办法吗

djdliu的主页 djdliu | 初学一级 | 园豆:136
提问于:2014-09-09 16:02
< >
分享
所有回答(1)
0
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 <p><label for="wheelDelta">  滚动值:</label>(IE/Opera)<input type="text" id="wheelDelta" /></p>
 <p><label for="detail"> 滚动值:(Firefox)</label><input type="text" id="detail" /></p>
 <script type="text/javascript">
 var oTxt=document.getElementById("txt");

var scrollFunc=function(e){
    var direct=0;
    e=e || window.event;
   
    var t1=document.getElementById("wheelDelta");
    var t2=document.getElementById("detail");
    if(e.wheelDelta){//IE/Opera/Chrome
        t1.value=e.wheelDelta;
    }else if(e.detail){//Firefox
        t2.value=e.detail;
    }
    ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){
    document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
</script>
GisClub | 园豆:330 (菜鸟二级) | 2014-09-09 16:18
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册