Interactivity

Touch Action v1.1.1

Utilities for set control over the effect of touchscreen interactions to an element.

Class

Usage

Set an element with touch limit to pan-left, no pan-right is allowed.

<!-- Example -->
<y class="touch-pan-left ... overflow-scroll overscroll-contain">
  ...
</y>

Set an element with touch limit to pan-none, x and y panning is disabled.

<!-- Example -->
<y class="touch-none ... overflow-scroll overscroll-contain">
  ...
</y>

Set an element with full touch manipulation, x and y panning is enabled.

<!-- Example -->
<y class="touch-manipulation ... overflow-scroll overscroll-contain">
  ...
</y>

Variant