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

Question

[sergeypontus]

Возникла следующая проблема:

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

И вместо того, чтобы сайт скроллися вниз, у меня идет перелистывание внутри блока.
Подскажите, пожалуйста, как это можно исправить?

Answer 1

[sergeypontus]

Спасибо, проблему решил просто убрав отслеживание тач прокрутки по горизонтали.

Answer 2

[ErickSkrauch]

Можно, конечно, попытаться просто физически уменьшить высоту этого слайдера, что бы на мобильном устройстве было место, что бы потянуть пальцем "не слайдер".

Ну или можно всунуться внутрь самого слайдера и сделать проверку на направление движения пальца, но это уже для гуру.

Comments

[Павел Мышкин]

С высотой проблема при горизонтальном расположении девайса.

Answer 3

[sergeypontus]

Уменьшить нет такой возможности...

Есть ли какие либо готовые решения по проверке направления пальца?

Answer 4

[Павел Мышкин]

Недавно была такая проблема - решил банально, уменьшив ширину блока (отступы от границ экрана), чтобы пальцем можно было по краю (тем самым отступам) сдвинуть страницу вниз. Естественно для разных @media разные отступы.

Подпишусь, надеюсь на более изящное решение.