首页 > 文章列表 > 如何让鼠标滚轮默认进行横向滚动?

如何让鼠标滚轮默认进行横向滚动?

357 2025-02-21

如何让鼠标滚轮默认进行横向滚动?

横向滚动鼠标滚轮的解决方法

想要让鼠标滚轮默认进行横向滚动,可以采用以下方法:

旋转容器和子元素

将容器元素旋转-90度,然后将子元素旋转90度。这种方法可以实现横向滚动,而无需使用 JavaScript 监听滚轮事件。

具体步骤如下:

  1. 在 CSS 中为容器元素设置 transform: rotate(-90deg)。
  2. 为子元素设置 transform: rotate(90deg)。

示例代码:

/* 容器元素 */
#container {
  transform: rotate(-90deg);
}

/* 子元素 */
.child {
  transform: rotate(90deg);
}

采用此方法,鼠标滚轮将默认进行横向滚动。值得注意的是,该解决方案可能不适用于所有浏览器和设备。

来源:1731242666