当前位置: 首页 > Web前端 > HTML

ios上webkit-overflow-scrolling和position的bug

时间:2023-04-02 20:56:13 HTML

布局如上图,.fb-box是一个大div,里面包含了页面所有的元素,包括弹窗.dialog-img你看,然后设置高度:100%;-webkit-溢出滚动:触摸;问题,但是如果你这样设置,在ios上会有一个bug。页面滚动一定距离后,点击显示弹窗,然后关闭弹窗,你会发现,部分弹窗也“停留在页面上”。需要定位,-webkit-overflow-scrolling:touch;也是必需的。解决方法是将弹窗的div和.fb-box布局为兄弟节点,外层再包裹一个div。即使把坑爬上去,效果如下