為什么jquery沒有封裝鼠標(biāo)滾輪事件

jquery本身處理DOM和兼容性體積已經(jīng)很大了，不可能全部都封裝進(jìn)去了，否則作為一個(gè)類庫過于臃腫就沒有使用的必要了。但是像鼠標(biāo)滾輪事件jquery是有jquery-mousewheel插件封裝了。如果使用可以引用

站在用戶的角度思考問題，與客戶深入溝通，找到鹽都網(wǎng)站設(shè)計(jì)與鹽都網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋鹽都地區(qū)。

jQ中鼠標(biāo)滾輪事件事件嗎

jQuery 不直接支持鼠標(biāo)滑輪事件，有一個(gè)插件叫做 jQuery Mousewheel，你可以 Google 一下

但用原生 JavaScript 也可以輕松來實(shí)現(xiàn)

script type="text/javascript"

// 鼠標(biāo)滑輪滾動(dòng)后執(zhí)行的函數(shù)

// delta 0 = 向上滾動(dòng)

// delta 0 = 向下滾動(dòng)

function mousewheelEvent(e, delta) {

document.getElementById("debug").innerHTML += (delta + "br /");

// 其它代碼...

}

if (document.attachEvent) {

document.attachEvent("onmousewheel", function(e) {

mousewheelEvent(e, e.wheelDelta);

});

}

else if (document.addEventListener) {

document.addEventListener("DOMMouseScroll", function(e) {

mousewheelEvent(e, e.detail * -40);

}, false);

}

/script

body style="height: 3000px"

div id="debug" style="position: fixed"/div

jquery使鼠標(biāo)滾輪暫時(shí)失效

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

綁定滾輪事件，然后返回false就可以。

return true;可以恢復(fù)。

根據(jù)實(shí)際情況運(yùn)用即可。

jquery.nicescroll.min.js滾動(dòng)條使用方法

(摘自博客園，原網(wǎng)址)

jquery.nicescroll.min.js滾動(dòng)條使用方法,Nicescroll是制作自定義滾動(dòng)條的jq插件。支持div,iframe,html等使用,兼容IE7-8,safari,firefox,webkit內(nèi)核瀏覽器(chrome,safari)以及智能終端設(shè)備瀏覽器的滾動(dòng)條。

頁面使用：

$("html").niceScroll({

cursorcolor:"#E62020",

cursoropacitymax:1,

touchbehavior:false,

cursorwidth:"10px",

cursorborder:"0",

cursorborderradius:"5px"

})

nicescroll詳細(xì)參數(shù)配置：

cursorcolor - 設(shè)置滾動(dòng)條顏色，默認(rèn)值是“＃000000”

cursoropacitymin - 滾動(dòng)條透明度最小值

cursoropacitymax - 滾動(dòng)條透明度最大值

cursorwidth - 滾動(dòng)條的寬度像素，默認(rèn)為5（你可以寫“5PX”）

cursorborder - CSS定義邊框，默認(rèn)為“1px solid #FFF”

cursorborderradius - 滾動(dòng)條的邊框圓角

ZIndex的 - 改變滾動(dòng)條的DIV的z-index值，默認(rèn)值是9999

scrollspeed - 滾動(dòng)速度，默認(rèn)值是60

mousescrollstep - 滾動(dòng)鼠標(biāo)滾輪的速度，默認(rèn)值是40（像素）

touchbehavior - 讓滾動(dòng)條能拖動(dòng)滾動(dòng)觸摸設(shè)備默認(rèn)為false

hwacceleration - 使用硬件加速滾動(dòng)支持時(shí)，默認(rèn)為true

boxzoom - 使變焦框的內(nèi)容，默認(rèn)為false

dblclickzoom - （僅當(dāng)boxzoom = TRUE）變焦啟動(dòng)時(shí)，雙點(diǎn)擊框，默認(rèn)為true

gesturezoom - boxzoom = true并使用觸摸設(shè)備）變焦（僅當(dāng)激活時(shí)，間距/盒，默認(rèn)為true

grabcursorenabled“搶”圖標(biāo)，顯示div的touchbehavior = true時(shí)，默認(rèn)值是true

autohidemode，如何隱藏滾動(dòng)條的作品，真正的默認(rèn)/“光標(biāo)”=只光標(biāo)隱藏/ FALSE =不隱藏

的背景下，改變鐵路背景的CSS，默認(rèn)值為“”

iframeautoresize中，AUTORESIZE iframe上的load事件（默認(rèn)：true）

cursorminheight，設(shè)置最低滾動(dòng)條高度（默認(rèn)值：20）

preservenativescrolling，您可以用鼠標(biāo)滾動(dòng)本地滾動(dòng)的區(qū)域，鼓泡鼠標(biāo)滾輪事件（默認(rèn)：true）

railoffset，您可以添加抵消頂部/左軌位置（默認(rèn)：false）

bouncescroll，使?jié)L動(dòng)反彈結(jié)束時(shí)的內(nèi)容移動(dòng)（僅硬件ACCELL）（默認(rèn)：FALSE）

spacebarenabled，允許使用空格鍵滾動(dòng)（默認(rèn)：true）

railpadding，設(shè)置間距（默認(rèn)：頂：0，右：0，左：0，底部：0}）

disableoutline，Chrome瀏覽器，禁用綱要（橙色hightlight）時(shí)，選擇一個(gè)div nicescroll（默認(rèn)：true）

js或jq怎樣可以使?jié)L輪滾動(dòng)固定距離

你好，實(shí)現(xiàn)如下，請(qǐng)現(xiàn)在 body 加一定的 br 出現(xiàn)上下滾動(dòng)條 夠長。不懂請(qǐng)追問。

希望采納！！

script src="" type="text/javascript"/script

script type="text/javascript" src="jquery.mousewheel.min.js"/script

script type="text/javascript"

$('body').on('mousewheel', function(event) {

if(event.deltaY=="-1"){

$('body').animate({scrollTop: 5000})

}else if(event.deltaY=='1'){

console.log('上滑')

}

});

/script

js或jq怎么實(shí)現(xiàn)滾輪控制頁面上下滑動(dòng)

jQuery監(jiān)聽鼠標(biāo)滾輪(滾動(dòng))事件

第一步：下載jquery-mousewheel插件

第二步：復(fù)制以下代碼做測試，打開日志看效果

jQuery(function($) {

$('#nav')

.bind('mousewheel', function(event, delta) {

var dir = delta 0 ? 'Up' : 'Down';

if (dir == 'Up') {

console.log(“向上滾動(dòng)， ”);

} else {

console.log(“向下滾動(dòng)， http: //blog.csdn.net/u011627980”);

}

return false;

});

});

}