ITPub博客

首页 > IT职业 > IT生活 > ios上-webkit-overflow-scrolling与posi

ios上-webkit-overflow-scrolling与posi

IT生活 作者:hoonty 时间:2021-09-09 09:44:04 0 删除 编辑

布局

图片描述
如上图,.fb-box是一个大div,包含着页面上的所有元素,包括所看到的那个弹窗.dialog-img,并且设置了height:100%;-webkit-overflow-scrolling:touch;

问题

但是这样设置,在ios上会有一个bug,页面滚动一定的距离后,点击了显示弹窗,再关闭的话,就会发现,弹窗的一部分还“留在页面上”。定位需要,-webkit-overflow-scrolling:touch;也需要。

图片描述

解决方案

把弹窗的div和.fb-box以兄弟节点的方式布局,在外层再弄一个div包住,这个坑就算爬起来了,效果如下

图片描述

图片描述


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4222/viewspace-2806643/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    94
  • 访问量
    1271