$(document).bind('mousewheel',?function(event,?delta)?{?return?false;?});

創(chuàng)新互聯(lián)是一家專業(yè)提供泰山企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、成都做網(wǎng)站、H5網(wǎng)站設(shè)計、小程序制作等業(yè)務(wù)。10年已為泰山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進(jìn)行中。
綁定滾輪事件,然后返回false就可以。
return true;可以恢復(fù)。
根據(jù)實際情況運用即可。
jquery 本身不支持mousewheel事件. 要添加個mousewheel插件才可以支持mousewheel事件.
(摘自博客園,原網(wǎng)址)
jquery.nicescroll.min.js滾動條使用方法,Nicescroll是制作自定義滾動條的jq插件。支持div,iframe,html等使用,兼容IE7-8,safari,firefox,webkit內(nèi)核瀏覽器(chrome,safari)以及智能終端設(shè)備瀏覽器的滾動條。
頁面使用:
$("html").niceScroll({
cursorcolor:"#E62020",
cursoropacitymax:1,
touchbehavior:false,
cursorwidth:"10px",
cursorborder:"0",
cursorborderradius:"5px"
})
nicescroll詳細(xì)參數(shù)配置:
cursorcolor - 設(shè)置滾動條顏色,默認(rèn)值是“#000000”
cursoropacitymin - 滾動條透明度最小值
cursoropacitymax - 滾動條透明度最大值
cursorwidth - 滾動條的寬度像素,默認(rèn)為5(你可以寫“5PX”)
cursorborder - CSS定義邊框,默認(rèn)為“1px solid #FFF”
cursorborderradius - 滾動條的邊框圓角
ZIndex的 - 改變滾動條的DIV的z-index值,默認(rèn)值是9999
scrollspeed - 滾動速度,默認(rèn)值是60
mousescrollstep - 滾動鼠標(biāo)滾輪的速度,默認(rèn)值是40(像素)
touchbehavior - 讓滾動條能拖動滾動觸摸設(shè)備默認(rèn)為false
hwacceleration - 使用硬件加速滾動支持時,默認(rèn)為true
boxzoom - 使變焦框的內(nèi)容,默認(rèn)為false
dblclickzoom - (僅當(dāng)boxzoom = TRUE)變焦啟動時,雙點擊框,默認(rèn)為true
gesturezoom - boxzoom = true并使用觸摸設(shè)備)變焦(僅當(dāng)激活時,間距/盒,默認(rèn)為true
grabcursorenabled“搶”圖標(biāo),顯示div的touchbehavior = true時,默認(rèn)值是true
autohidemode,如何隱藏滾動條的作品,真正的默認(rèn)/“光標(biāo)”=只光標(biāo)隱藏/ FALSE =不隱藏
的背景下,改變鐵路背景的CSS,默認(rèn)值為“”
iframeautoresize中,AUTORESIZE iframe上的load事件(默認(rèn):true)
cursorminheight,設(shè)置最低滾動條高度(默認(rèn)值:20)
preservenativescrolling,您可以用鼠標(biāo)滾動本地滾動的區(qū)域,鼓泡鼠標(biāo)滾輪事件(默認(rèn):true)
railoffset,您可以添加抵消頂部/左軌位置(默認(rèn):false)
bouncescroll,使?jié)L動反彈結(jié)束時的內(nèi)容移動(僅硬件ACCELL)(默認(rèn):FALSE)
spacebarenabled,允許使用空格鍵滾動(默認(rèn):true)
railpadding,設(shè)置間距(默認(rèn):頂:0,右:0,左:0,底部:0})
disableoutline,Chrome瀏覽器,禁用綱要(橙色hightlight)時,選擇一個div nicescroll(默認(rèn):true)
jquery本身處理DOM和兼容性體積已經(jīng)很大了,不可能全部都封裝進(jìn)去了,否則作為一個類庫過于臃腫就沒有使用的必要了。但是像鼠標(biāo)滾輪事件jquery是有jquery-mousewheel插件封裝了。如果使用可以引用
并不是用單純的mousewheel插件就可以的,這只是封裝了一些滾動的兼容功能,并不包括其他的,用這個還需要自己根據(jù)這個插件寫其他的js。你說的應(yīng)該是這樣的效果吧,不過這樣的效果兼容性比較差,因為他用了css3的transform屬性,這也是一個這樣的效果。
jquery插件默認(rèn)是不支持鼠標(biāo)中輪滾輪事件的。jQuery Mousewheel Plugin,用于添加跨瀏覽器的鼠標(biāo)滾輪支持。mousewheel事件的處理函數(shù)有一點小小的變化,它除了第一個參數(shù)event 外,還接收到第二個參數(shù)delta。通過參數(shù)delta可以獲取鼠標(biāo)滾輪的方向和速度。如果delta的值是負(fù)的即-1,那么滾輪就是向下滾動,正的1就是向上。
1.下載jquery-mousewheel插件。
2,復(fù)制代碼: $('body').mousewheel(function(event, delta) { ? ? ? ?var dir = delta 0 ? 'Up' : 'Down'; ? ? ? ?if (dir == 'Up') {
console.log('向上滾動');
} else {
console.log('向下滾動');
} ? ? ? ?return false;
});
當(dāng)前文章:jquery滾輪事件,js滾動條滾動事件
URL網(wǎng)址:http://chinadenli.net/article38/dsgcdpp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、App設(shè)計、品牌網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、python、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)