ios 弹层时阻止页面滚动
ios 弹层时阻止页面滚动
  • 确认滚动区域已经设置高度
    如果设置百分比高度要确认其父元素有设置高度,滚动区域内元素总高度超过滚动区域高度时要有滚动条

  • 滚动区域添加如下css属性

    overflow-y: scroll;    //或overflow: auto;
    -webkit-overflow-scrolling: touch;    //IOS下不加这行滑动会不流畅
  • 弹层打开时给body设置如下css属性

position: fixed;

给滚动层添加如下css属性

overflow: hidden;
  • 弹层关闭时给body设置如下css属性

position: relative;

滚动层移除overflow属性或设置值为auto

2019-03-08 2667

 

评论

热门文章

Instagram

Lorem ipsum ex vix illud nonummy, novum tation et his. At vix scripta patrioque scribentur, at pro