鼠標滾輪控制網(wǎng)頁橫向移動實現(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實現(xiàn)網(wǎng)頁橫向滾動的代碼，需要一個mousewheel.js 。 簡單說就是設(shè)置window的scrollLeft值，這里一定要是window不能是body否則滾動有問題。很納悶。綁定事件mousewhell 也必須是在body上，window話IE8以下不支持。
相關(guān)文章
js和jquery設(shè)置disabled屬性為true使按鈕失效
這篇文章主要介紹了js和jquery使按鈕失效的方法,需要的朋友可以參考下2014-08-08
JS+CSS實現(xiàn)自動切換的網(wǎng)頁滑動門菜單效果代碼
這篇文章主要介紹了JS+CSS實現(xiàn)自動切換的網(wǎng)頁滑動門菜單效果代碼,涉及JavaScript基于時間函數(shù)動態(tài)變換頁面tab樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了用js判斷是否為360瀏覽器的實現(xiàn)代碼,有時候我們需要判斷是否為360瀏覽器，包括百度聯(lián)盟后臺就有這樣的提示需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了JavaScript仿網(wǎng)易選項卡制作代碼，具有一定的參考價值，感興趣的朋友可以參考一下2016-10-10
JavaScript實現(xiàn)環(huán)繞鼠標旋轉(zhuǎn)效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)環(huán)繞鼠標旋轉(zhuǎn)效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
js無縫滾動，圖片無縫滾動，文字無縫滾動，基于js代碼如何實現(xiàn)，本篇文章給大家詳解js代碼實現(xiàn)無縫滾動(文字和圖片)，需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了JS上傳組件FileUpload自定義模板的使用方法，感興趣的小伙伴們可以參考一下2016-05-05
當編輯某條數(shù)據(jù)時，再回過頭來進行編輯，會發(fā)現(xiàn)，里面的數(shù)據(jù)和沒有編輯以前是一樣的，這就是ie緩存的問題，下面是一個不錯的解決方法2014-08-08
這篇文章主要為大家詳細介紹了原生js實現(xiàn)隨機點名，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
本篇文章主要介紹了詳解webpack4升級指南以及從webpack3.x遷移，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06