Open jasonbiondo opened 4 years ago
There is an issue that already dealt with this: https://github.com/kenwheeler/slick/issues/449.
You can update the css to this:
.slick-slider {
touch-action: auto;
-ms-touch-action: auto;
}
I'm using a nuxt.js version of slick, and this fix is not working for me. I can reproduce it on iPhones as well. Looking at their source code, they've already added this touch-action fix but the vertical scroll is still stuck for me. Carousel demo's here (not the masthead):
My code: https://bit.ly/35Wtq9I
The library: https://github.com/gs-shop/vue-slick-carousel
Had the same issue when using react-slick. Only on mobile. Only over images within slick carousel, not text content. Solved simply by adding pointer-events: none
on images 🎉
pointer-events: none
it works for me .
thanks @pttsky
I have the same problem, I can't scroll vertically on images on mobile, can anyone help me ???? My website is this:https://techgang.pt/products/cargador-sem-fio-3-em-1
Is there a way to make it so that if a user tries to scrolls down with their thumb on a mobile image that they'll scroll down the page? Right now, on mobile the user can't scroll down if they touch an image. They have to select some other content. Is there a setting for this?