已解決430363個問題，去搜搜看，總會有你想問的

如何在鼠標滾輪上水平滾動？

首頁猿問如何在鼠標滾輪上水平滾動？

如何在鼠標滾輪上水平滾動？

JavaScript Html/CSS JQuery

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

剛才，偶然地，我偶然發現了http://www.benekdesign.com/。在這里，通過鼠標滾輪滾動可以執行水平滾動。說真的，我不喜歡這個功能。有點煩人。但是，請告訴我如何實現相同的目標。已編輯好吧，螢火蟲說他在用/ *水平微型滾動-用于水平網站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貢獻1805條經驗獲得超9個贊

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

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);

反對回復 2019-11-18

慕斯709654

TA貢獻1840條經驗獲得超5個贊

另一種形式：

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

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

})

反對回復 2019-11-18

3 回答
0 關注
943 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何在鼠標滾輪上水平滾動？

如何在鼠標滾輪上水平滾動？

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在鼠標滾輪上水平滾動？

如何在鼠標滾輪上水平滾動？

3 回答

相關問題推薦

添加回答

如何在鼠標滾輪上水平滾動？