Я хочу создать горизонтальную страницу. Когда я использую колесо мыши, он просто прокручивает содержимое по вертикали. Как использовать горизонтальную прокрутку с помощью колеса мыши? Поддерживает ли CSS это свойство?Установите колесо мыши на горизонтальную прокрутку, используя css
Например любая вещь, как это:
mouse-wheel:horizontal;
Я не хочу решений Jquery.
CSS не поддерживает манипуляции с входами мыши или клавиатуры; управление входными данными можно манипулировать только с помощью JavaScript.
Вы не можете добиться этого, используя только CSS, для этого вам нужно использовать JQuery. Ниже приведен пример ссылки, где горизонтальная прокрутка была достигнута с помощью jquery.
Пример ссылка: http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
не работает –
CSS не поддерживает манипуляции с помощью мыши или клавиатуры входов
Вы можете использовать Jquery.Check следующий пример
http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
Microsoft IE 10 имеет префикс собственность, взгляните на -ms-scroll-translation ... но только для вас знаете ... он пока еще не поддерживается, но все же хорошая идея :(
+1. Это также работает в Edge 13 и IE 11. Однако, согласно документам Microsoft [здесь] (https://msdn.microsoft.com/en-us/library/windows/apps/hh996917.aspx), свойство CSS работает только на Windows 8 и выше. – Xenxier
Мы можем прокручивать страницу по горизонтали с помощью клавиши SHIFT + прокрутка мыши.
Не помогает мне в моем случае, но это классный трюк. Благодаря! :) –
Поверните контейнер на -90 градусов, затем поверните его дочерний элемент на 90 градусов.
См. Pieter Biesemans’ article on CSS Tricks об этом; он также отображает совместимость браузера.
Попробуйте добавить примерный код, чтобы показать, что вы имеете в виду. – Mike
+1 для того, чтобы быть единственным человеком, чтобы сказать, что это можно сделать с помощью javascript, и вам не нужно JQuery – MarsOne