滑动时报错[Intervention] Unable to preventDefault inside passive event listener due to target being treat

Posted 2021-02-16 emma-zhao

移动端Web界面滚动性能优化 Passive event listeners

 

解决办法1：

在touch的事件监听方法上绑定第三个参数{ passive: false }，
通过传递 passive 为 false 来明确告诉浏览器：事件处理程序调用 preventDefault 来阻止默认滑动行为。

elem.addEventListener(
  ‘touchstart‘,
  fn,
  { passive: false }
);

解决办法2：

 * { touch-action: pan-y; } 
 使用全局样式样式去掉