1. 程式人生 > >ios上-webkit-overflow-scrolling與position的bug

ios上-webkit-overflow-scrolling與position的bug

並且 position .com 元素 over -i nbsp -s touch

技術分享

如上圖,.fb-box是一個大div,包含著頁面上的所有元素,包括所看到的那個彈窗.dialog-img,並且設置了height:100%;-webkit-overflow-scrolling:touch;

但是這樣設置,在ios上會有一個bug,頁面滾動一定的距離後,點擊了顯示彈窗,再關閉的話,就會發現,彈窗的一部分還“留在頁面上”。定位需要,-webkit-overflow-scrolling:touch;也需要。

技術分享

解決方案

把彈窗的div和.fb-box以兄弟節點的方式布局,在外層再弄一個div包住,這個坑就算爬起來了

技術分享

技術分享

ios上-webkit-overflow-scrolling與position的bug