其他分享
首页 > 其他分享> > 解决ios橡皮筋回弹

解决ios橡皮筋回弹

作者:互联网

在ios系统中,页面在上下滑动的时候,会触发橡皮筋问题,页面的顶部和底部跟着页面一起滑动的问题,下面就讲一下如何解决这种问题。
在钩子函数created中加入

 // 禁止页面滚动
    var forbidScroll = function (e) {
      e.preventDefault();
    };
    // 通过 $once 来监听生命周期 beforeDestroy 钩子
    this.$once("hook:beforeDestroy", () => {
      body.removeEventListener("touchmove", forbidScroll);
    });
    function forbidTouchMove() {
      document.body.style.overflow = "hidden";
      body.addEventListener("touchmove", forbidScroll, { passive: false });
    }
    forbidTouchMove();

标签:body,回弹,beforeDestroy,forbidTouchMove,ios,橡皮筋,touchmove,forbidScroll,页面
来源: https://blog.csdn.net/weixin_57157114/article/details/118708796