Owlcarousel2: Page swiping up and down not work on mobile devices v2.3.2

Created on 15 Mar 2018  路  7Comments  路  Source: OwlCarousel2/OwlCarousel2

Hi,

Page swiping (up and down) not work on mobile devices v2.3.2.

Go to your demo page: http://owlcarousel2.github.io/OwlCarousel2/demos/basic.html and try to swipe page up and down on carousel, you see what i mean.

Most helpful comment

Thanks, @pascalporedda

This solved the problem. :)

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

Hopefully you will fix this in next update and demo site as well. ;)

Best regards

All 7 comments

Hi @Siilionu

I can't prove this. Which device are you using?

Hi, @pascalporedda

I use Samsung 7s (android). The same behavior is also on Chrome devce toolbar. Try to swipe page up and down swiping on a carousel not on page itself: http://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

I was able to reproduce this, but I'am not sure if that is intended or not. Need a second look into this.

The biggest problem is when used with full screen carousel (used by many websites). It is not possible to scroll the page at all.

It worked with v2.2.0.

I've thought that this might be an issue. In this case you can override the css property touch-action on the .owl-item class with pan-y as a value.

Thanks, @pascalporedda

This solved the problem. :)

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

Hopefully you will fix this in next update and demo site as well. ;)

Best regards

I will actually change this in the next upcoming version, yes.

Was this page helpful?
0 / 5 - 0 ratings