Js控制滑輪左右滑動(dòng)實(shí)例_javascript技巧
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 21:34:28
Js控制滑輪左右滑動(dòng)實(shí)例_javascript技巧
Js控制滑輪左右滑動(dòng)實(shí)例_javascript技巧:今天弄了一個(gè)東西，頁面本來是橫向，所以底部有橫向滾動(dòng)條，豎著就沒有滾動(dòng)條了，現(xiàn)在要求是鼠標(biāo)滑輪要左右滾動(dòng)，這就需要寫js代碼來實(shí)現(xiàn)了，寫這個(gè)的過程中遇到很大麻煩 ie 火狐 chrome 三個(gè)瀏覽器支持的函數(shù)完全不一樣，真是瘋啦。 這里有幾個(gè)知識(shí)點(diǎn)說明一
導(dǎo)讀Js控制滑輪左右滑動(dòng)實(shí)例_javascript技巧:今天弄了一個(gè)東西，頁面本來是橫向，所以底部有橫向滾動(dòng)條，豎著就沒有滾動(dòng)條了，現(xiàn)在要求是鼠標(biāo)滑輪要左右滾動(dòng)，這就需要寫js代碼來實(shí)現(xiàn)了，寫這個(gè)的過程中遇到很大麻煩 ie 火狐 chrome 三個(gè)瀏覽器支持的函數(shù)完全不一樣，真是瘋啦。 這里有幾個(gè)知識(shí)點(diǎn)說明一
今天弄了一個(gè)東西，頁面本來是橫向，所以底部有橫向滾動(dòng)條，豎著就沒有滾動(dòng)條了，現(xiàn)在要求是鼠標(biāo)滑輪要左右滾動(dòng)，這就需要寫js代碼來實(shí)現(xiàn)了，寫這個(gè)的過程中遇到很大麻煩
ie 火狐 chrome 三個(gè)瀏覽器支持的函數(shù)完全不一樣，真是瘋啦。
這里有幾個(gè)知識(shí)點(diǎn)說明一下
監(jiān)控滑輪的事件
ie:onmousewheel
firfox:DOMMouseScroll
chrome:mousewheel
哎真是無語
滾動(dòng)的返回值也是不一樣的
firfox用detail 返回 +-3
其他的用wheelDelta 返回 +-120
有返回值判斷滾動(dòng)的方向
還有一般瀏覽器除了chrome判斷頁面的左移動(dòng)用document.documentElement.scrollLeft
但是chrome瀏覽器要用document.body.scrollLeft
好了代碼分享如下：
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Js控制滑輪左右滑動(dòng)實(shí)例_javascript技巧
Js控制滑輪左右滑動(dòng)實(shí)例_javascript技巧:今天弄了一個(gè)東西，頁面本來是橫向，所以底部有橫向滾動(dòng)條，豎著就沒有滾動(dòng)條了，現(xiàn)在要求是鼠標(biāo)滑輪要左右滾動(dòng)，這就需要寫js代碼來實(shí)現(xiàn)了，寫這個(gè)的過程中遇到很大麻煩 ie 火狐 chrome 三個(gè)瀏覽器支持的函數(shù)完全不一樣，真是瘋啦。 這里有幾個(gè)知識(shí)點(diǎn)說明一
