js滾輪換切屏

因?yàn)槿?xiàng)目不是自己寫(xiě)的，僅僅是幫別人寫(xiě)js滾輪代碼，并且別人項(xiàng)目也還未上線。所以?xún)H僅貼出自己寫(xiě)的那段部分代碼，

效果：鼠標(biāo)滾輪滾動(dòng)時(shí)。網(wǎng)頁(yè)屏幕一屏一屏的上下切換

(下面代碼在本地電腦的IE,chrome與FireFox這三個(gè)瀏覽器已經(jīng)測(cè)試而且已經(jīng)成功)

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/Chromeif(navigator.appName=='Netscape'){// Chorme滾一次有兩次的效果，所以加0.5if(e.wheelDelta>0){sum=parseFloat(sum-0.5);}else{sum=parseFloat(sum)+0.5;}}else{if(e.wheelDelta>0)sum=parseFloat(sum-1);elsesum=parseFloat(sum+1);}}else if(e.detail){//Firefox//firefox向上向下的值不和上面的一樣，可打印出看看if(e.detail>0)sum=parseFloat(sum+1);elsesum=parseFloat(sum-1);}//sum出來(lái)的。以下就是你想做的事情，我這里是寫(xiě)與當(dāng)前項(xiàng)目有所以相關(guān)聯(lián)的屏目跳轉(zhuǎn)，但記的要加return false;　要不然，在google和ie中時(shí)會(huì)出現(xiàn)，滾多了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;}} /*注冊(cè)事件*/ if(document.addEventListener){document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3C window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
posted on 2017-05-26 08:25 mthoutai 閱讀(...) 評(píng)論(...) 編輯 收藏

轉(zhuǎn)載于:https://www.cnblogs.com/mthoutai/p/6906771.html

總結(jié)

以上是生活随笔為你收集整理的js滚轮换切屏的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。