CSS Click Chart

Touch Action

Allows you to determine whether, and by what means, a given area on the page can be manipulated via a touchscreen.

Specification

The touch-action CSS property on W3C

Example Code

Live Demonstration

The scrolling element below won't scroll on a touch device (unless you use the scroll bar) because it's set to touch-action: none

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Browser Support

Can I Use css-touch-action? Data on support for the touch-action feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles