 
<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)頁(yè)橫向滾動(dòng)的代碼，需要一個(gè)mousewheel.js 。簡(jiǎn)單說(shuō)就是設(shè)置window的scrollLeft值，這里一定要是window不能是body否則滾動(dòng)有問(wèn)題。很納悶。綁定事件mousewhell 也必須是在body上，window話IE8以下不支持。

您可能感興趣的文章:

相關(guān)文章

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