滚动条问题

window.scrollTo(0, 0); 滚动条置顶


//阻止默认事件的触发
const mo = function (e) {
        e.preventDefault();
      };


//禁止页面滑动
document.body.style.overflow = "hidden";
document.addEventListener("touchmove", mo, false); 


//出现滚动条,解除限制
document.body.style.overflow = ""; 
document.removeEventListener("touchmove", mo, false);


示例
watch: {
    pointShow: function () {
      window.scrollTo(0, 0);
      const mo = function (e) {
        e.preventDefault();
      };
      if (this.pointShow) {
        document.body.style.overflow = "hidden";
        document.addEventListener("touchmove", mo, false); //禁止页面滑动
      } else {
        document.body.style.overflow = ""; //出现滚动条
        document.removeEventListener("touchmove", mo, false);
      }
    }
  },

 

posted @ 2021-10-28 15:06  青眼魔术  阅读(50)  评论(0)    收藏  举报