The CSS Propertie touch-action

מאפיין touch-action קובע אילו תנועות מגע (pan, zoom) הדפדפן רשאי לטפל באלמנט. none מבטל גלילה/זום ומאפשר לג'אווה-סקריפט לטפל בכל המגע (שימושי לגרירה מותאמת אישית).

.draggable { touch-action: none; }

.horizontal-scroll { touch-action: pan-x pinch-zoom; }

autoערך ברירת המחדל. התנהגות רגילה — הדפדפן מטפל בכל המחוות.

noneמבטל את כל ה-pan וה-zoom שמתחילים בגיעות.

pan-xמתיר pan אופקי בשני הכיוונים.

pan-leftמתיר pan שמאלה בלבד.

pan-rightמתיר pan ימינה בלבד.

pan-yמתיר pan אנכי בשני הכיוונים.

pan-upמתיר pan למעלה בלבד.

pan-downמתיר pan למטה בלבד.

pinch-zoomמאפשר זום מולטי-touch אם כל האצבעות מתחילות על האלמנט הזה.

manipulationקיצור ל-pan-x pan-y pinch-zoom — מתיר pan וזום, מבטל double-tap zoom.