解决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