jquery - Vertically scrollable and horizontally draggable divs on mobile -
jquery - Vertically scrollable and horizontally draggable divs on mobile -
i'm trying create mobile website card interface. interaction want create list of cards can scroll through , dismiss swiping them away. in order accomplish using jquery ui jquery ui touch punch create work touch devices.
the problem i'm running when scroll touch event starting on div uses dragging horizontally, ignoring vertical swipe. there way prevent this, or different library improve suited needs?
this website need for:
http://tijmen.kervers.nl/b1.2
(it shows behaviour on touch device, works pretty much fine on desktops)
a similar question has been asked before, remained unanswered:
jquery-ui horizontal dragging vertical scrolling
and less of import question; dragging pretty jerky causing this? i'm using several libraries , css frameworks on top of each other, guess colliding jquery ui. i'll looking after scrolling fixed, if knows causing great!
edit2:
nope, wasn't it. "transition: .2s;" messing movement.
edit1: looks it's beingness caused dynamic width of divs i'm draggin around:
jquery ui create effect less abrupt , jerky
after more searching have come conclusion not possible. suppose jquery plugin written solve this, way beyond skill level.
jquery html css jquery-ui touch
Comments
Post a Comment