Как отключить пролистывание сайта по горизонтали?

Question

[Андрей Широких]

Доброго времени суток!
Появился вопрос, у меня есть элементы в мобильной версии сайта, которые выходят за границу max-width всей вёрстки, но это по практичным соображениям. Несмотря на то, что я отключаю скролл в мобилке свойствами

overflow-x: hidden;
webkit-overflow-scrolling: false;

Скролл по-прежнему работает и видна пустая область, если пальцем пролистнуть сайт направо. Если менять размер окна браузера, то всё ок, горизонтального скролла нет. Как принудительно убрать это пролистывание пальцем на мобилках? Может какое свойство ещё можно задействовать или через JS?

Comments

[Вадим]

как на счёт демки?

[Андрей Широких]

Вадим, Сайт светить не хочу, а демку чтоб сделать, это надо очень много копипастить. Я даже хз, как демку сделать, чтобы не нагромоздить, там же весь пласт роль играет

Answer 1

[Сергей Зенькович]

Если видна белая область, значит какой то блок выходит за пределы ширины. Ты же визуально можешь определить какой блок вылазит. Скорее всего ему нужно задать свойство max-width. Но если только у него свойство position не absolute или fixed. В этом тоже может быть проблема. Без кода сложно определить

Comments

[Андрей Широких]

Да, есть блок, который выходит за пределы ширины. Карусель. Если я на неё сделаю overflow:hidden, полетит навигация. Нет способа скрыть скролл в этом случае или что-то с каруселью всё-таки делать?

[Сергей Зенькович]

Андрей Широких, в чем проблема уменьшить ширину этой карусели и приравнять к другим блокам?