Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Почему при вертикальной прокрутке на слайдере, не прокручивается страница?

Почему при вертикальной прокрутке на слайдере, не прокручивается страница?


     21.05.2018    слайдер    Общие вопросы по вёрстке, jQuery    4324

вопрос
Почему может не прокручиваться страница на телефоне, в области слайдера вверх и вниз, в то время как вправо и влево сам слайдер прокручиваеться при касании, также как и вся остальная страница?

Ответил: newer


Решил проблему, напишу здесь, может кому пригодится, в стилях css заменил значение с none на auto:
.slick-slider {
touch-action: auto;
-ms-touch-action: auto;
}

2 комментария

newer
Юзер

newer - 22 мая 2018 01:12 -

В дополнение хотел бы добавить что проблема наблюдается во всех популярных мобильных браузерах (Chrome, Firefox, Opera, Yandex browser, UC Browser и тд.), за исключением 4х: Dolphin , CM Browser, Phoenix и стандартного браузера Huawei, в них тачскрин реагирует на вертикальную прокрутку над слайдером нормально

profibass
Юзер

profibass - 25 октября 2019 10:42 -

Подобная проблема (нет реакции на свайп на мобильных устройствах над слайдером). Решение :
в файле owl.carousel.min.css
строка .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
меняем на .owl-item{-ms-touch-action:auto;touch-action:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
Спасибо ТС за подсказку!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх