首頁猿問如何在鼠標(biāo)滾輪上水平滾動？

如何在鼠標(biāo)滾輪上水平滾動？

JavaScript Html/CSS JQuery

湖上湖 2019-11-18 13:57:58

剛才，偶然地，我偶然發(fā)現(xiàn)了http://www.benekdesign.com/。在這里，通過鼠標(biāo)滾輪滾動可以執(zhí)行水平滾動。說真的，我不喜歡這個功能。有點煩人。但是，請告訴我如何實現(xiàn)相同的目標(biāo)。已編輯好吧，螢火蟲說他在用/ *水平微型滾動-用于水平網(wǎng)站2（垂直“微型滾動”的兄弟）3的平滑滾動腳本Marco Rosella提供-http: //www.centralscrutinizer.it/zh-CN/design/js-php/horizontal-tiny -scrolling 4 v0.6- 2007年2月14日

查看完整描述

3 回答

Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗獲得超9個贊

看來他只是將mousewheel事件映射到滾動區(qū)域。在IE中，僅使用此doScroll()方法就非常容易-滾動水平條的量為垂直條通常滾動的量。其他瀏覽器不支持該doScroll()方法，因此您必須忍受任意數(shù)量的滾動：

var mouseWheelEvt = function (event) {

if (document.body.doScroll)

document.body.doScroll(event.wheelDelta>0?"left":"right");

else if ((event.wheelDelta || event.detail) > 0)

document.body.scrollLeft -= 10;

else

document.body.scrollLeft += 10;

return false;

}

document.body.addEventListener("mousewheel", mouseWheelEvt);

反對回復(fù) 2019-11-18

慕斯709654

TA貢獻(xiàn)1840條經(jīng)驗獲得超5個贊

另一種形式：

document.addEventListener('wheel', (e) => {

document.getElementById('scroll_container').scrollLeft += e.deltaY;

})

反對回復(fù) 2019-11-18

3 回答
0 關(guān)注
940 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何在鼠標(biāo)滾輪上水平滾動？

如何在鼠標(biāo)滾輪上水平滾動？

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何在鼠標(biāo)滾輪上水平滾動？

如何在鼠標(biāo)滾輪上水平滾動？

3 回答

相關(guān)問題推薦

添加回答

如何在鼠標(biāo)滾輪上水平滾動？

如何在鼠標(biāo)滾輪上水平滾動？