h5 弹框滑动穿透问题

1、弹框展示的时候 ,修改 html,body{overflow:hidden} 弹框关闭的时候,修改 html,body{overflow:auto} 

2. 弹框展示,滑动的时候,监听html的滚动事件

created() {

  let that = this;

  document.addEventListener('scroll', function (e){

  缓存 页面的滚动位置,并在弹框关闭的时候,赋给html

    this.scrollTop = document.body.scrollTop

  })

}

3、弹框关闭的方法中 写入以下代码

document.body.scrollTop = this.scrollTop

posted @ 2021-05-06 14:48  kathy2010  阅读(278)  评论(0编辑  收藏  举报