关于移动端页面滑动报错 [InterUnableUnable to preventDefault inside passive或 fastclick.js:446 [InterUn :

报错:

fastclick.js:446 [InterUnable to preventDefault inside passivevention] event listener due to target being treated as passive. See

解决办法:

 在有滚动的容器中添加如下css代码:

touch-action: pan-y // 个人推荐
// 或者 全局样式添加 (不推荐)
*{
    touch-action: pan-y
}

touch-action属性可以被指定为auto、none、manipulation、pan-x、pan-y、pinch-zoom ... :

touch-action: none // 当触控事件发生在元素上时,不进行任何操作

touch-action: auto // 当触控事件发生在元素上时,由浏览器决定进行哪些操作

touch-action: pan-x // 启用单指水平平移手势

touch-action: pan-y // 启用单指垂直平移手势

touch-action: manipulation // 浏览器只允许进行滚动和持续缩放操作

touch-action: pinch-zoom // 启用多手指平移和缩放页面

报错： fastclick.js:446 [InterUnable to preventDefault inside passivevention] event listener due to target being treated as passive. See

原因是：应用fastclick.js 或 触屏监听 滑动屏幕所导致。

而我自己出现该报错是因为 我同时使用了 betterScroll --一款用于解决移动端各种滚动的第三方库和fastclick.js-- 作用： 去掉移动端click事件的300ms的延迟    所 导致，而两者都是禁用浏览器的默认事件，而我在 betterScroll的选项中开启了click事件，使得后续可以点击了，但是还是出现问题了。这让我感觉很奇怪(虽然已经知道了解决办法)。

我想应该是betterscroll与fastclick.js发生冲突的原因

所知有限，这些也是通过查文档自我总结所得，该文章属于学习阶段的自我笔记。发布的目的是 希望帮助遇到相同问题的学友。同时恳请各位大佬帮忙补充和斧正错误，谢谢。