我注意到,当在触摸屏PC上使用Chrome时,我的网络应用中的页面无法滚动。要测试修复问题,我转到chrome://flags
并禁用“Touch Events API”。相反,为了使问题出现在我的开发机器上,我启用它(默认为auto)。
启用Touch Events API后,Chrome的控制台会输出:
[Violation]为滚动阻塞的
touchstart
事件添加了非被动事件监听器。考虑将事件处理程序标记为“被动”以使页面更具响应性。[Violation]为滚动阻塞的
touchmove
事件添加了非被动事件监听器。考虑将事件处理程序标记为“被动”以使页面更具响应性。
此违规行为来自我的jquery.min.js
文件。版本是2.1.3。
问题:
你有一个我们可以测试的JSFiddle或代码示例吗?我想知道你的代码中是否有某些问题。
如果您有更多问题,您可能还想查看此问题中的解决方案。可能是一个简单的修复或更长的需要编写自己的PassiveEvent处理程序。
Warning: Added non-passive event listener to a scroll-blocking 'touchstart' event