passshift
@passshift
php, js, html5, css

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

Здравствуйте.

Несколько дней пытаюсь решить вопрос с горизонтальным скроллом блоков, которые бы выходили за пределы экрана и при этом не должна появляться полоса прокрутки

Есть много решений, который работают на мобильных уст-вах, но нет хорошего рабочего варианта для всех устройств, включая десктопные браузеры.

Я пробовал:

https://www.npmjs.com/package/iscroll - работает только если у body задать overflow-x: hidden; при этом на мобильном при прокрутке страницы если коснуться пальцем блока с iscroll вертикально страница не прокручивается, т.е. чтобы продолжить прокрутку страницы необходимо коснуться пальцем любого другого контента.

https://kenwheeler.github.io/slick/ - приходится навешивать доп стили на родительские div-ы, на пк вроде как работает, но на мобильном при разном размере дочерних блоков приходится менять настройки плагина и при этом не получается сделать свободную прокрутки, чтобы можно было остановить позицию скролла там где надо, а плагин пытается показать целый блок по середине экрана даже если этот блок не влазит...

В идеале хотелось бы на чистом css, но похоже это не реально.

Кто-нибудь изучил данный вопрос? Есть хорошие решения?
  • Вопрос задан
  • 2748 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Degreet
Возможно это поможет.
https://www.youtube.com/watch?v=SuLSr3Dq9tk
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы