css touch-action 应用

在触摸设备中滚动和 touch 其实是同时触发的，这在实际编程中带来了很多不便。css 中touch-action用于控制触控的行为

usage

.el {
  touch-action: none;
}

none

禁用所有的手势操作， 由开发者自己控制滚动。 常用于在移动设备中实现拖拽能力

touchstart 或者touchmove 事件中默认无法通过使用 e.preventDefault() 禁用滚动，必须设置此 css 才可以解决， 详见

auto

默认值

reference

• scrolling-intervention