ios封装的web端应用, 滚动到底部后还能继续朝下滚动,出现空白
通过监听 touchmove,让需要滑动的地方滑动,不需要滑动的地方禁止滑动。
App.vue页面
created() {
document.body.addEventListener(
"touchmove",
(e) => {
if (e._isScroller) return;
e.preventDefault();
},
{
passive: false,
}
);
},
html,body {
height: 100%;
overflow: hidden;
}
#app {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
@touchmove="handleTouch"
methods: {
handleTouch(e) {
e._isScroller = true;
},
},
我的代码: 有个Layout布局. App.vue里面禁用, 在Layout/index.vue 里面打开滚动