鼠標(biāo)滾輪控制網(wǎng)頁橫向移動實(shí)現(xiàn)思路
更新時間:2013年03月22日 15:17:51 作者:
設(shè)置window的scrollLeft值,這里一定要是window不能是body否則滾動有問題,綁定事件mousewhell 也必須是在body上,感興趣的各位可以了解下哈,希望可以幫助到你
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
$('body').mousewheel(function(event, delta) {
var left=$(window). scrollLeft();
$(window). scrollLeft(left-(delta * 100))
event.preventDefault();
})
jquery實(shí)現(xiàn)網(wǎng)頁橫向滾動的代碼,需要一個mousewheel.js 。 簡單說就是設(shè)置window的scrollLeft值,這里一定要是window不能是body否則滾動有問題。很納悶。綁定事件mousewhell 也必須是在body上,window話IE8以下不支持。
相關(guān)文章
JavaScript深入淺出__proto__和prototype
這篇文章主要介紹了JavaScript深入淺出__proto__和prototype,文章基于JavaScript的相關(guān)資料展開詳細(xì)的內(nèi)容介紹。具有一定的參考價值,需要的小伙伴可以參考一下2022-05-05
javascript如何實(shí)現(xiàn)create方法
這篇文章主要介紹了javascript如何實(shí)現(xiàn)create方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
JavaScript判斷兩個對象是否相等的方法總結(jié)
判斷兩個對象是否相等是js中的一個很常見的內(nèi)容,不同的編程語言和環(huán)境可能會有不同的方式來實(shí)現(xiàn)這一目標(biāo),在 JavaScript 中,判斷兩個對象是否相等主要有以下幾種方法,感興趣的小伙伴跟著小編一起來看看吧2024-08-08
直接在JS里創(chuàng)建JSON數(shù)據(jù)然后遍歷使用
本節(jié)為大家講解下直接在JS里創(chuàng)建JSON數(shù)據(jù),然后遍歷使用,需要的朋友可以參考下2014-07-07
layui數(shù)據(jù)表格 table.render 報錯的解決方法
今天小編就為大家分享一篇layui數(shù)據(jù)表格 table.render 報錯的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
關(guān)于Javascript中值得學(xué)習(xí)的特性總結(jié)
本文主要介紹了一些Javascript中值得學(xué)習(xí)的特性,可選鏈操作符,空值合并運(yùn)算符,Promise.allSettled(),BigInt類型等特性,文中有詳細(xì)的代碼示例介紹這些特性,感興趣的可以參考下2023-05-05
微信小程序點(diǎn)擊列表跳轉(zhuǎn)到對應(yīng)詳情頁過程解析
這篇文章主要介紹了微信小程序點(diǎn)擊列表跳轉(zhuǎn)到對應(yīng)詳情頁過程解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09

