Part of site not responding to touch scroll

[guitarplayer08]

Okay so I have no idea why the carousel header of my current project does not respond to touch to scroll on mobile devices. The website is http://proposalenvy.com/journal. Touch anywhere within the carousel area and slide your finger up or down to see what I mean. However, if your initial touch is on the white background the page will scroll normally.

I also saw a similar issue on the Moviefone website: http://www.moviefone.com/dvd. Load that on your mobile browser and only the white background responds to touch scroll but not if your initial point of touch is on the movie posters.

Help!

[Paulie_D]

CSS isn’t really a ‘touch’ environment. It’s for styling..not interaction.

This sounds like a JS issue.

[jamygolden]

Paulie_D is correct. I’m not having the issue you are referring to on the moviefone website, however I do see it on proposalenvy.

The slider has disabled touch scrolling on itself to allow for previous/next slide swiping. Unfortunately this functionality disallows up/down scrolling too. Try setting touchMove to false.

$('.el').slick({
    touchMove: false
})

If that doesn’t solve the issue you should try using another slider.

[Author]

Posts