问答题897/1593如何使用css来实现禁止移动端页面的左右划动手势?

难度:
2021-12-26 创建

参考答案:

CSS属性 touch-action 用于设置触摸屏用户如何操纵元素的区域(例如,浏览器内置的缩放功能)。

最简单方法是:

1html{ 2 touch-action: none; 3 touch-action: pan-y; 4}

还可以直接指定对应元素的宽度和overflow:

1html{ 2 width: 100vw; 3 overflow-x: hidden; 4}

最近更新时间:2021-12-26

赞赏支持

预览

题库维护不易,您的支持就是我们最大的动力!