Skocz do zawartości
PL
Szukaj na Pecetowiczu
  • Utwórz konto

Owl Carousel. Nie działa scroll na stronie na wersji mobilnej


Rekomendowane odpowiedzi

Powiecie mi dlaczego nie działa przewijanie w dół na telefonach na stronie pointofpower.pl? Nie mogę przewinąć w dół.

Odnośnik do komentarza
Udostępnij na innych stronach

Powodem jest tu główny slider ponieważ w boki da się go przesuwać a "chwytając" za menu, mogę przewinąć stronę niżej.

Wydaje mi się, że tutaj znajdziesz odpowiedź na twój problem:

disable scrolling when trigger owl carousel on mobile device - Stack Overflow

Spoiler

var owl = $('.owl-carousel');
owl.owlCarousel({
    //  your options
});

owl.on('drag.owl.carousel', function(event) {
    $('body').css('overflow', 'hidden');
});

owl.on('dragged.owl.carousel', function(event) {
    $('body').css('overflow', 'auto');
});

 

Odnośnik do komentarza
Udostępnij na innych stronach

Z tego co wyszukałem na forach, to znany 'błąd' Owl Carousel.

Masz ustawienia w panelu do slidera? Konkretnie chodzi o akcję: touch-action

Można to naprawić CSSem:

.owl-item {
	-ms-touch-action: auto;
	touch-action: auto;
}
Odnośnik do komentarza
Udostępnij na innych stronach

@-n3veR Też widziałem tę odpowiedź ale obawiałem się że może nie zadziałać

Odnośnik do komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...