Как сделать скролл блока (горизонтальный) по колесу мыши?

Question

[verycooldev]

Есть широкий блок с горизонтальным скроллом. Но когда мышка наведена на него, то при движении колесом мышки отрабатывает скролл главный страницу, а не скролл этого блока. Можно как-то решить без JS это?

Answer 1

[eternalfire]

SHIFT + scroll с клавиатуры и мыши лол =)

Comments

[verycooldev]

Да, так работает)))
Т.е. - мне без JS никак? Может есть какие-то эзотерические CSS свойства (типо как поинтер клик ивентс) или верстку переделать (чтобы флоу поменялся)

[verycooldev]

В принципе, можно и JS, если обработчик повесить только на этот блок то будет дешево...А как на JS?

[Максим]

verycooldev, вёрстку покажите !

[eternalfire]

зачем переопределять стандартное поведение браузеров, да и вообще наверное всех ui, к которому все привыкли

но если вы сильно хотите то пожалуйста
jsfiddle.net/ye259/4

[verycooldev]

Максим Ленский, опытный человек все понял и без верстки (что тт понимать, стандартная ситуация).

[Максим]

verycooldev, опытный то опытный , только вот вопрос был "без js" - раз я не опытный а вас устроил ответ ..удачи

[Павел Корнилов]

В тегах вопроса не было jQ.

Answer 2

[Alex]

https://css-tricks.com/pure-css-horizontal-scrolling/

Comments

[verycooldev]

Ничего себе трюк!!! Попозже попробую обязательно лол