刚才，偶然地，我偶然发现了http://www.benekdesign.com/。在鼠标滚轮滚动时，它执行水平滚动。老实说我不喜欢这个功能。这有点令人恼火。但是，请告诉我如何实现相同的目标。
已编辑
好的，萤火虫说他正在使用
/* Horizontal Tiny Scrolling - 水平网站的平滑滚动脚本 2（垂直“Tiny Scrolling”的兄弟）3by Marco Rosella - http://www.centralscrutinizer.it/en/design/js-php/horizontal-tiny -scrolling 4 v0.6 - 2007 年 2 月 14 日
看起来他只是将鼠标滚轮事件映射到滚动区域。在 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);
由于上述解决方案对我不起作用，我刚刚发现了另一个解决方案：http : //css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
另一种形式：
document.addEventListener('wheel', (e) => {
document.getElementById('scroll_container').scrollLeft += e.deltaY;
})