zoukankan      html  css  js  c++  java
  • vue 弹窗禁止底层滚动

    原因:底层视图高度超出百分百,加入弹窗后再苹果浏览器隐藏上下栏的情况下遮罩层没有完全遮住底层。

    处理:打开弹窗后禁止底层滚动调用stop事件,关闭则开启底层滚动调用move事件。

    let mo=function(e){e.preventDefault();};

    stop(){
    document.body.style.overflow='hidden';
    document.body.style.position='fixed';
    document.body.style.width='100%';
    document.addEventListener("touchmove",mo,false);//禁止页面滑动
    },
    move(){
    document.body.style.overflow='';//出现滚动条
    document.body.style.position='initial';
    document.body.style.height='1006px';
    document.removeEventListener("touchmove",mo,false);
    },

    参考相关来源:

    https://www.cnblogs.com/fanbi/p/9648184.html

    https://blog.csdn.net/m0_37852904/article/details/79300719

  • 相关阅读:
    网络流24题
    可持久化Treap
    后缀平衡树
    bzoj2561-最小生成树
    poj3164-Command Network
    最小树形图
    hdu2121-Ice_cream’s world II
    线性处理逆元
    bzoj3992-序列统计
    JavaScript 类型转换
  • 原文地址:https://www.cnblogs.com/min77/p/10335360.html
Copyright © 2011-2022 走看看