
如何设置鼠标滚轮默认滚动方向为水平?
在处理水平显示列表时,需要按住 Shift 键才能水平滚动,这会造成不便。要让鼠标滚轮默认水平滚动,可尝试以下方法:
解决方案:旋转容器和子元素
- 将包含列表的容器旋转 -90 度:
.container {
transform: rotate(-90deg);
}- 将列表中的子元素旋转 90 度:
.list-item {
transform: rotate(90deg);
}通过旋转容器和子元素,可以将水平列表转换为垂直列表,使鼠标滚轮默认水平滚动。









