kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.54k stars 5.89k forks source link

Can't scroll down on mobile when scrolling on an image #3889

Open jasonbiondo opened 4 years ago

jasonbiondo commented 4 years ago

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?

a-am commented 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;
}
mattkaye commented 4 years ago

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

pttsky commented 2 years ago

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 🎉

ankitkumarcm commented 2 years ago

pointer-events: none it works for me . thanks @pttsky

Funo15 commented 1 year ago

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