vue 项目中出现不能左右滑动的问题

Posted fanqiuzhuji

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 项目中出现不能左右滑动的问题相关的知识,希望对你有一定的参考价值。

 CSS 属性:touch-action,解决移动端点击事件延迟

https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action

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

我们平常说的移动端300ms延迟,就可以使用 touch-action: manipulation; 来解决。 

如果,css默认样式里设置了

touch-action:none,滚动缩放等行为将不会发生

 

以上是关于vue 项目中出现不能左右滑动的问题的主要内容,如果未能解决你的问题,请参考以下文章

下拉菜单禁止页面滑动

swiper插件中,移动端左右滑动的事件是啥,求解答

vue实现左右两列竖直分别滑动,且双向关联的选项卡

vue图片溢出滑动

vue路由左右侧滑动 react路由左右侧滑动

vue 底部页面滑动,里面div不能滑动的解决