Clever Geek Handbook

Unable to scroll up / down page with Owl Carousel 2

I cannot scroll the page on mobile when I run draggin on the carousel. So if the carousel takes up all the visible space on a mobile device, it becomes a little difficult to navigate up / down on the page ...

How can I disable this curious scroll "interception"?

+3


source to share


2 answers


Add this CSS to your CSS / SASS file and it should work, it worked for me.

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
    touch-action: auto;


}

+2


source


touch-action: auto;

doesn't work for me i use touch-action:pan-y;

and it works

add this CSS:



.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}
0


source






More articles:


All Articles