1、当在css中加入下面样式,会导致页面无法正常上下滑动
// css 文件
{
touch-action: none; }
这行代码后,会导致页面无法正常上下滑动,
解决办法:修改为默认值{ touch-action: auto; }
或者删除改行样式
原因:
CSS属性 touch-action 值说明:
auto
当触控事件发生在元素上时,由浏览器来决定进行哪些操作,比如对viewport进行平滑、缩放等。
none
当触控事件发生在元素上时,不进行任何操作。
pan-x
启用单指水平平移手势。可以与 pan-y 、pan-up、pan-down 和/或 pinch-zoom 组合使用。
pan-y
启用单指垂直平移手势。可以与 pan-x 、pan-left 、pan-right 和/或 pinch-zoom 组合使用。
manipulation
浏览器只允许进行滚动和持续缩放操作。任何其它被auto值支持的行为不被支持。启用平移和缩小缩放手势,但禁用