CSS属性 touch-action

最新推荐文章于 2024-08-15 23:02:35 发布

踏着阳光

最新推荐文章于 2024-08-15 23:02:35 发布

阅读量1.1k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/qq_35014708/article/details/88721236

版权

CSS属性touch-action用于控制元素上的用户交互，决定浏览器如何响应触摸手势。它影响平移、缩放等行为，允许开发者自定义滚动和触摸事件。默认为auto，可设置为none、manipulation等值，用于禁用或限制特定手势。常用于地图、轮播图等场景，以避免浏览器默认行为并优化交互体验。

摘要由CSDN通过智能技术生成

用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作（比如浏览器自带的划动、缩放等）。

CSS属性 touch-action 用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作（比如浏览器自带的划动、缩放等）。

/* Keyword values */
touch-action: auto;
touch-action: none;
touch-action: pan-x;
touch-action: pan-left;
touch-action: pan-right;
touch-action: pan-y;
touch-action: pan-up;
touch-action: pan-down;
touch-action: pinch-zoom;
touch-action: manipulation;

/* Global values */
touch-action: inherit;
touch-action: initial;
touch-action: unset;

初始值	auto
适用元素	all elements except: non-replaced inline elements, table rows, row groups, table columns, and column groups
是否是继承属性