解决canvas手机浏览器下滑刷新和左右滑动返回的问题
- 在JS里添加下面的代码禁用touchmove事件(啥意思我也不知道)
document.body.addEventListener('touchmove', (e) =>{
e.preventDefault();
}, {
passive: false
});
-
在你的canvas标签外面套一个div,给一个class名字
-
给你外面的div一个样式
position: absolute;
touch-action: none;
- 给你的canvas标签也加一个
position: absolute;
-
就可以实现了