Слайдер мешает прокрутке на моб. устройствах — как исправить?

Question

[massef]

Приветствую.

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

Кто сталкивался, как решили проблему?

Comments

[massef]

Используется Slider Revolution www.themepunch.com/codecanyon/revolution_wp

Answer 1

[Слава]

Сталкивался.
Решали фиксами в коде.
Ваш Кеп.

ЗЫ, телепатов нет

Answer 2

[rexalix]

Похожая ситуация. Проблема на этой странице: https://www.rexalix.host/RSM/

В конце index.html висит блок nav id="nav" class="nav" внутри которого несколько якорей

css простой, там нет ничего, что могло бы отменить вертикальный скролл текста на сенсорных гаджетах, а вот скрипт:

$(function() {
$(".container").swipe( {
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
if("right" === direction) {
$("#nav").addClass("is-open");
} else if("left" === direction) {
$("#nav").removeClass("is-open");
}
},
threshold:3
});
});

вертикальным жестам скрипт ничего не назначал и вертикальный скролл на странице всё равно стал недоступным на сенсорных гаджетах. Пока что ищу решение

• решение нашёл •

$(".container").swipe( {
swipeLeft:leftSwipe,
swipeRight:rightSwipe,
threshold:3
});
function leftSwipe(event){
$("#nav").removeClass("is-open");
}
function rightSwipe(event){
$("#nav").addClass("is-open");
}

теперь скрипт работает только с горизонтальными жестами, не мешая работе вертикальному скроллу страницы
P.S. подключал библиотеку jquery.touchSwipe.min.js

Answer 3

[allexme]

Достаточно в настройки добавить:
{
..
allowPageScroll: "vertical",
..
}