bxSlider touch enabled - disable vertical touch events so only horizontal touch events work

jquery touch-event bxslider
Joshc picture Joshc · Jan 22, 2013 · Viewed 25.1k times · Source

I'm using probably one of my favourite jquery slider plugins: bxSlider

http://bxslider.com/options#touchEnabled

Recently they've updated with some touch enabling for devices. This allows you to scroll your sliders via swiping.

But on my current project, I have a slideshow that takes up the entire width of my website, and when viewing on a device, as I scroll down with my finger, when I reach the the slideshow, I am unable to scroll down the page, and instead the slideshow scrolls left to right.

So my question is, is it possible to disable the vertical touch events so it only works when the scroll is swiped horizontally.

var winnerSlider = $('#slider').bxSlider({

});

I have a fiddle if anyone can help... http://jsfiddle.net/2Fcxw/10/

Scan qr below to view fiddle on device.

enter image description here

Thanks

Answer

Johnny picture Johnny · Dec 11, 2013 
$('#slider').bxSlider({
touchEnabled:false
});

This should work.

Related questions

What is the difference between the click and tap events?

I am developing an app that runs on Android/iOS and desktop computers. Should I use the click or the tap event? What are the differences between them? Will the 'tap' work on desktop? if not, (and I have to …

Read More
prevent touchstart when swiping

I have a scrollable list on a mobile device. They want people to be able to scroll the list via swiping, and also select a row by tapping. The catch is combining the two. I don't want a row to …

Read More
touchend event properties

If I catch all touchend events from mobile devices with: $(document.body).bind('touchend', function (e) { var touch = e.touches[0]; // doesnt work ... I need to get the touch.screenX, touch.screenY, touch.clientX and touch.clientX from the e paramter. …

Read More