Start a new topic

touch scroll conflict

if the user tries to scroll on a touch device and they touch the zoom trigger it prevents them from moving down/up the page. this is most noticeable when the cloud zoom area takes up a large chunk of the viewport (see attachment).


is there a way around this?



1 person has this problem
1 Comment

It's rather subjective as to what should happen in such circumstances.



What about two invisible columns (say, 64 pixels wide) over the left and right side of the image that are sensitive to vertical touch-scrolling?


So, if the user wants to zoom, they touch near the centre of the image and pan as normal (they can still pan over the left and right edges once in zoom mode).


If the user wants to scroll vertically, the just touch the left or right side of the image.


As a work-around, this could probably be implemented without touching the code at all - just a couple of overlaid divs.



Login or Signup to post a comment