博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js滚轮换切屏
阅读量:5125 次
发布时间:2019-06-13

本文共 1778 字,大约阅读时间需要 5 分钟。

因为全项目不是自己写的,仅仅是帮别人写js滚轮代码,并且别人项目也还未上线。所以仅仅贴出自己写的那段部分代码,

效果:鼠标滚轮滚动时。网頁屏幕一屏一屏的上下切换

(下面代码在本地电脑的IE,chrome与FireFox这三个浏览器已经測试而且已经成功)

var sum=0;    var oTxt=document.getElementById("txt");    var scrollFunc=function(e){    var direct=0;    var men = $(".menu_m").find(".menu").find("li");    men.each(function (j) {            if($(this).attr("class")=="m_selected"){                sum=j;            }    });    e=e || window.event;    if(e.wheelDelta){//IE/Opera/Chrome        if(navigator.appName=='Netscape'){            // Chorme滚一次有两次的效果,所以加0.5            if(e.wheelDelta>0){                                sum=parseFloat(sum-0.5);                            }            else{                                sum=parseFloat(sum)+0.5;            }        }else{            if(e.wheelDelta>0)                sum=parseFloat(sum-1);            else                sum=parseFloat(sum+1);        }    }else if(e.detail){//Firefox		//firefox向上向下的值不和上面的一样,可打印出看看        if(e.detail>0)                sum=parseFloat(sum+1);            else                sum=parseFloat(sum-1);    }		//sum出来的。以下就是你想做的事情,我这里是写与当前项目有所以相关联的屏目跳转,但记的要加return false; 要不然,在google和ie中时会出现,滚多了        var sizes= $(".menu_m").find(".menu").find("li").size();        if(sum>=0&&parseFloat(sum)<=parseFloat(sizes)-1){            men.each(function (j) {                $(this).removeClass("m_selected")             });              $(".menu_m").find(".menu li:eq("+sum+")").find("span").click();              return false;          }}/*注冊事件*/if(document.addEventListener){    document.addEventListener('DOMMouseScroll',scrollFunc,false);}//W3Cwindow.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
posted on
2017-05-26 08:25 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/mthoutai/p/6906771.html

你可能感兴趣的文章
jQuery EasyUI 的下拉选择combobox后台动态赋值
查看>>
timeline时间轴进度“群英荟萃”
查看>>
python if else elif statement
查看>>
网络编程
查看>>
文本隐藏(图片代替文字)
查看>>
java面试题
查看>>
提高码力专题(未完待续)
查看>>
pair的例子
查看>>
前端框架性能对比
查看>>
uva 387 A Puzzling Problem (回溯)
查看>>
12.2日常
查看>>
同步代码时忽略maven项目 target目录
查看>>
Oracle中包的创建
查看>>
团队开发之个人博客八(4月27)
查看>>
发布功能完成
查看>>
【原】小程序常见问题整理
查看>>
C# ITextSharp pdf 自动打印
查看>>
【Java】synchronized与lock的区别
查看>>
django高级应用(分页功能)
查看>>
【转】Linux之printf命令
查看>>