1.ios系統(tǒng)元素懸浮滑動顯示錯亂

今天測試同學給我找了一個bug，好家伙，本來就是一個普普通通的懸浮效果

但是在ios 15上滑動的時候，懸浮圖片居然分身了.....，

經過測試發(fā)現新版的iphone會有這個問題，老板的iphone（iphone6，iphone8）和安卓測試測試沒有這個問題，一看就就是踩中了新版ios的彩蛋，修復ios當時是不可能的我們只能從我們的頁面上去處理。

????????接下來開始排查，經過排查發(fā)現，懸浮元素里層的元素一開始是空div，a標簽和img是調接口后異步渲染進來的封裝到組件庫的。

<div class="float"><a href="#"><img src="xxx"></a> </div>

元素寫死的話不會有這個問題，但是這個功能暫時還不能動，于是看能否跳過這個問題。最后發(fā)現把div設置一個背景色，問題就好了，但是頁面的背景色設置可配置的，這個方案很顯然不行，最后嘗試把定位屬性往里放一層，放到動態(tài)添加進來的a標簽上，居然就好了。

<div ><a href="#" class="float"><img src="xxx"></a> </div>

開發(fā)中ios出現稀奇古怪的問題還是很常見的，需要不停的去調整頁面的實現方案來避開坑。

2 safari瀏覽器頁面無故刷新

剛好前兩天也到一個奇怪的問題，我們有個表單頁面，在填寫表單的時候在ios里會突然莫名奇妙的刷新，然后顯示頁面白屏出現“xxxx重復出現問題”后來經過排查發(fā)現是因為頁面中有一個省市區(qū)街道四聯動的控件，在頁面中可以添加10個地址，由于組件封裝的時候把輸入框和地址選擇彈窗封裝到一起的原因，導致此添加一個地址都會渲染一個完整的地址控件，然后精確到街道的數據信息也比較多，就會造成頁面dom數量劇增，內存占用率高，觸發(fā)了safari的刷新策略。后來把省市區(qū)街道彈窗抽離出來復用，解決了問題。

總結

以上是生活随笔為你收集整理的ios系统元素悬浮滑动错乱，和ios页面无故刷新问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。