Disable scrolling when touch moving certain element

by

Set the touch-action CSS property to none, which works even with passive event listeners:

touch-action: none;

Applying this property to an element will not trigger the default (scroll) behavior when the event is originating from that element.

More Related Contents:

  1. Eliminate 300ms delay on click events in mobile Safari
  2. Injected li items are not formatted with CSS style [closed]
  3. jquery .get not getting [closed]
  4. jQuery Mobile: document ready vs. page events
  5. What’s the best way to detect a ‘touch screen’ device using JavaScript?
  6. jQuery Mobile: Markup Enhancement of dynamically added content
  7. How can I check if a checkbox is checked?
  8. Why I have to put all the script to index.html in jquery mobile
  9. Binding multiple events to a listener (without JQuery)?
  10. Javascript Drag and drop for touch devices [closed]
  11. How can I control the back button event in jQuery Mobile?
  12. Show virtual keyboard on mobile phones in javascript
  13. Disable hover effects on mobile browsers
  14. Detecting that the browser has no mouse and is touch-only
  15. Preferred Alternative to OnMouseOver for touch
  16. How to swipe top down JQuery mobile
  17. prevent touchstart when swiping
  18. jQuery Mobile : What is the order of page events triggering?
  19. Consider marking event handler as ‘passive’ to make the page more responsive
  20. Dynamic controlgroup and checkboxes unstyled
  21. Using pre-compiled templates with Handlebars.js (jQuery Mobile environment)
  22. How to remove jQuery Mobile styling?
  23. Auto Mobile Site Redirect
  24. How to optimize website for touch devices
  25. Phonegap Application text and layout too small
  26. manually trigger touch event
  27. Use a web mobile framework?
  28. How to determine if the client is a touch device [duplicate]
  29. Variation of e.touches, e.targetTouches and e.changedTouches
  30. In jQuery mobile, what’s the diff between tap and vclick?

Leave a Comment