Drag & Drop, touch events and scroll on a web page [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist

Closed 8 years ago.

Improve this question

I'm using jQuery UI drag and drop widget. But there's one problem - we have a lot of draggable blocks on the page. So browsers in mobile devices (with touch screens) starts drag some elements when user tries scrolling the page.

How this conflict could be resolved?

Answer 1

I can think of 3 solutions...

Drag & drop when touching the blocks and scroll when touching elsewhere;

Add a scroll bar; or

Scroll depending on the device inclination based on sensor data.