JQuery Mousewheel 方向是一款JQuery插件,可以通過鼠標(biāo)滾輪滾動(dòng)包含鼠標(biāo)滾輪事件的元素。此插件通過判斷鼠標(biāo)滾輪滾動(dòng)的方向來執(zhí)行特定的操作。
//注冊(cè)事件 $('#example').on('mousewheel', function(event) { if (event.deltaY< 0) { console.log('鼠標(biāo)向下滾動(dòng)'); } else if (event.deltaY >0) { console.log('鼠標(biāo)向上滾動(dòng)'); } }); //設(shè)置方向 $.event.special.mousewheel.direction = 'vertical'; // 垂直方向 $.event.special.mousewheel.direction = 'horizontal'; // 水平方向
通過注冊(cè)事件和設(shè)置方向,我們可以在頁面中實(shí)現(xiàn)一些特定的交互效果,例如滾動(dòng)導(dǎo)航菜單、滾動(dòng)圖片展示等等。