鼠标滚轮默认滚动方向怎么设置成水平?

鼠标滚轮默认滚动方向怎么设置成水平?

如何设置鼠标滚轮默认滚动方向为水平?

在处理水平显示列表时,需要按住 Shift 键才能水平滚动,这会造成不便。要让鼠标滚轮默认水平滚动,可尝试以下方法:

解决方案:旋转容器和子元素

  1. 将包含列表的容器旋转 -90 度:
.container {
  transform: rotate(-90deg);
}
  1. 将列表中的子元素旋转 90 度:
.list-item {
  transform: rotate(90deg);
}

通过旋转容器和子元素,可以将水平列表转换为垂直列表,使鼠标滚轮默认水平滚动。

以上就是鼠标滚轮默认滚动方向怎么设置成水平?的详细内容,更多请关注其它相关文章!