解决手机浏览器下滑刷新的问题

488 阅读1分钟

解决canvas手机浏览器下滑刷新和左右滑动返回的问题

  1. 在JS里添加下面的代码禁用touchmove事件(啥意思我也不知道)
document.body.addEventListener('touchmove', (e) =>{
    e.preventDefault();
}, {
    passive: false
});
  1. 在你的canvas标签外面套一个div,给一个class名字

  2. 给你外面的div一个样式

    position: absolute;
    touch-action: none;
  1. 给你的canvas标签也加一个
    position: absolute;
  1. 就可以实现了

怎么实现的我确实是不知道,网上查了试了然后发现可以就分享给各位