使用css将鼠标滚轮设置为水平滚动

我想要设计一个水平页面。当我使用鼠标滚轮时，它只是垂直滚动内容。如何通过鼠标滚轮使用水平滚动？ CSS是否支持这个属性？使用css将鼠标滚轮设置为水平滚动

例如任何像这样的事：

mouse-wheel:horizontal;

我不想jQuery的解决方案。

CSS不支持鼠标或键盘输入的操作;输入控件只能通过JavaScript进行操作。

2013-08-28 07:15:38 micjamking

+11

+1是唯一一个能说出它可以用javascript完成的人，而且你不需要Jquery – MarsOne

你不能只用CSS来实现这一点，你需要使用JQuery来做到这一点。以下是使用jquery实现水平滚动的示例链接。

2013-08-28 07:17:07 MAR

不能工作 –

CSS不支持的鼠标或键盘输入操作

您可以使用Jquery.Check下面的例子

2013-08-28 07:17:28

微软IE 10有一个前缀财产，看看-ms-scroll-translation ...但只是你知道...它尚未得到广泛支持，但仍然是一个好主意:(

2013-11-19 00:41:36

+1。这也适用于Edge 13和IE 11.但是，根据Microsoft文档[此处]（https://msdn.microsoft.com/en-us/library/windows/apps/hh996917.aspx）CSS属性仅适用于在Windows 8和以上。 – Xenxier

我们可以通过SHIFT键+滚动鼠标来水平滚动页面。

2016-07-15 11:31:07 panwar

在我的情况下帮不了我，但这是一个很酷的伎俩。谢谢！ :) –

将容器旋转-90度，然后将其子元素旋转90度。

查看Pieter Biesemans’ article on CSS Tricks关于它;他还列出浏览器兼容性。

2016-09-19 12:43:46

尝试添加一些示例代码来显示您的意思。 – Mike

回答