The touch-action property controls which touch gestures (pan, zoom) the browser may handle on an element. none disables scrolling/zooming allowing JavaScript to handle all touch (useful for custom drag)..draggable {
touch-action: none;
}.horizontal-scroll {
touch-action: pan-x pinch-zoom;
}autoThe default value. Default behavior — browser handles all gestures.noneDisables all touch-initiated panning and zooming.pan-xPermits horizontal pan in both directions.pan-leftPermits left pan only.pan-rightPermits right pan only.pan-yPermits vertical pan in both directions.pan-upPermits upward pan only.pan-downPermits downward pan only.pinch-zoomEnables multi-finger zooming when all fingers start on this element.manipulationShorthand for pan-x pan-y pinch-zoom — allows pan and zoom, disables double-tap zoom.Compatibility StandardLiving StandardW3CMDNDemo CSSShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
