IOS封装的H5移动端页面底部小黑条

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 里面打开滚动

App.vue
index.vue