Phew...I didn't misspell that property. You had me worried that it was going to be a dumb mistake (although it might be some other dumb mistake).
I am using this to create the draggable gallery:
oGallery = Draggable.create( $('.slider div.wrapper'), { type: 'left', edgeResistance: .75, bounds: $('div.slider'), lockAxis: true, dragClickables: true, allowNativeTouchScrolling: true, throwProps: true, snap: { left: function(nEndValue){ return Math.round(nEndValue / nGalleryWidth) * nGalleryWidth } } } );
And you can see it in place on my dev site here: http://maw.netingredients.com. On mobile (at least on my iPhone running the latest iOS), the slightest deviation from swiping left to right on the gallery causes the native vertical scrolling to happen. So, in turn, swiping the gallery left or right can be difficult or a little wonky. I was hoping to get this to perform more like how the Instagram app works, for example. You can scroll up and down just fine, even if there are posts with multiple photos that allow you to swipe between them left to right. And when you are swiping left to right, there isn't any conflict with scrolling up and down. I realize that is an app and there is tighter control over event handling, but I was hoping I could make some improvements over what I've currently got.
If you need more of a simplified test case to help me identify a solution, I'd be happy to throw one together. Thanks!