如何让鼠标滚轮默认横向滚动列表内容？

使用 css 技巧设置鼠标滚轮横向滚动

如何让鼠标滚轮默认滚动列表内容？当列表横向显示时，通常需要按住 Shift 才能进行横向滚动，这可能不方便。现在，我们将介绍一个巧妙的 CSS 技巧，无需使用 JavaScript 或任何第三方库即可解决该问题。

解决步骤：

1. 将包含列表的容器旋转 -90 度：

.container {
  transform: rotate(-90deg);
  height: 100vh;
}

2. 将容器内的子元素旋转 90 度以恢复原来的方向：

.child {
  transform: rotate(90deg);
}

通过这些简单的 CSS 变换，您可以绕过浏览器默认的滚动行为，使其在横向浏览时也能使用鼠标滚轮。这种技巧不仅简单易行，而且在滚动时非常流畅，无需任何 JavaScript 代码。

以上就是如何让鼠标滚轮默认横向滚动列表内容？的详细内容，更多请关注硕下网其它相关文章！