touch-action属性是用来做什么的？

最新推荐文章于 2025-09-30 06:39:55 发布

原创最新推荐文章于 2025-09-30 06:39:55 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css

项目中，Android列表页滚动加载失效，原因是CSS里设定了html{ touch:none }，解决方案是移除该样式，涉及HTML和CSS相关知识。

1.touch-action

在项目中发现，Android下列表页的滚动加载失效。

原因：css中设定了html{ touch:none }

2.解决方案：

移除该样式。

touch:none　　　　// 当触控事件发生在元素上是时，不进行任何操作

touch:auto　　　　// 当触控事件发生在元素上时，由浏览器来觉得进行哪些操作。

touch:pan-x　　　　//　启用单指水平平移手势

touch:pan-y　　　　// 启用单指垂直平移手势

touch:manipulation　　　　// 浏览器只允许进行滚动和持续缩放操作。

touch:pinnch-zoom　　　　// 启用多手指平移和缩放页面