在一次用h5實作app頁面功能中，ios系統發生如下bug
問題
整個頁面都被遮罩蓋住，但是我檢查了代碼，發現遮罩的z-index=2,而全部科目區域的z-index=3，按道理講，全部科目的區域應該是在遮罩的上方，但是在ios中顯示錯誤，在安卓手機上顯示正常。
然后查了一些資料，其中看到如下博客，才解決了問題
https://blog.csdn.net/zilvzsy/article/details/86022612
最主要的原因是全域樣式-webkit-overflow-scrolling屬性設定為touch導致的
-webkit-overflow-scrolling: touch;
一檢查代碼發現我沒有設定這個屬性，想了想，應該是某插件的樣式設定了這個屬性的，于是仔細查找了使用的插件，發現之前為了實作串列的下拉重繪的功能，使用了mescroll.js插件，里面的css樣式有
，如此原因找到解決方法：在頁面中直接-webkit-overflow-scrolling: unset樣式覆寫
完美解決
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/28987.html
標籤：iOS