ios遮罩层滚动穿透问题

问题描述:使用 position: fixed; 设置蒙层后,在安卓上正常,ios上下滑动会造成底层盒子上下滚动

  

 

解决方案:

  设置当前元素(设置了fixed定位)的父级元素,设置overflow: hidden

复制代码
  watch: {
    // 解决ios遮罩层滚动穿透问题
    visible: {
      handler(flag) {
        const parentNode = document.querySelector('.more-operations').parentNode
        parentNode.style.overflowY = flag ? 'hidden' : 'auto'
      }
    }
  }
复制代码

 

v-model和sync封装【更多操作】弹层

 

posted @   吴小明-  阅读(743)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
历史上的今天:
2020-03-19 vue-day16----拿到登录的token、登录的逻辑、加入购物车、购物车图标上的数量-count、加入购物车的逻辑判断-Dialog对话框(优化)、Cart/index.vue购物车页面数据渲染、Cart/index.vue购物车页面加减法的接口调用、详情页 商品-详情-评价 切换动画、nginx打包
点击右上角即可分享
微信分享提示