在项目中发现 ,H5页面的横向滚动失效。
原因:
css中设定了
*{
touch-action:none
}
解决方法:移除该样式。
touch-action:none // 当触控事件发生在元素上是时,不进行任何操作
touch-action:auto // 当触控事件发生在元素上时,由浏览器来觉得进行哪些操作。
touch-action:pan-x // 启用单指水平平移手势
touch-action:pan-y // 启用单指垂直平移手势
touch-action:manipulation // 浏览器只允许进行滚动和持续缩放操作。
touch-action:pinnch-zoom // 启用多手指平移和缩放页面
转载于:https://www.cnblogs.com/yinshiru/p/10483187.html