Blog We love to talk!

Nov Tue

Cross Browser touch-action property

  •  11-10-2015

The touch-action is a css property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes), pinch-zooming or double-tap-zooming.

Browser Support

This feature is already supported by a few major browsers including Chrome, Internet Explorer 11, Microsoft Edge and Opera.

Code Example

You can use touch-action property like this:

<div style="touch-action: pan-x;">
    This element receives pointer events when not panning in the horizontal direction.

More Information

More information can be found here.

No Comments

Leave a Reply

Your email address will not be published.