Здравствуйте.
Несколько дней пытаюсь решить вопрос с горизонтальным скроллом блоков, которые бы выходили за пределы экрана и при этом не должна появляться полоса прокрутки
Есть много решений, который работают на мобильных уст-вах, но нет хорошего рабочего варианта для всех устройств, включая десктопные браузеры.
Я пробовал:
https://www.npmjs.com/package/iscroll - работает только если у body задать overflow-x: hidden; при этом на мобильном при прокрутке страницы если коснуться пальцем блока с iscroll вертикально страница не прокручивается, т.е. чтобы продолжить прокрутку страницы необходимо коснуться пальцем любого другого контента.
https://kenwheeler.github.io/slick/ - приходится навешивать доп стили на родительские div-ы, на пк вроде как работает, но на мобильном при разном размере дочерних блоков приходится менять настройки плагина и при этом не получается сделать свободную прокрутки, чтобы можно было остановить позицию скролла там где надо, а плагин пытается показать целый блок по середине экрана даже если этот блок не влазит...
В идеале хотелось бы на чистом css, но похоже это не реально.
Кто-нибудь изучил данный вопрос? Есть хорошие решения?
Простой
Простой
