資訊專欄INFORMATION COLUMN
摘要：定位需要，也需要。解決方案把彈窗的和以兄弟節點的方式布局，在外層再弄一個包住這個坑就算爬起來了，效果如下
布局
如上圖，.fb-box是一個大div，包含著頁面上的所有元素,包括所看到的那個彈窗.dialog-img，并且設置了height:100%;-webkit-overflow-scrolling:touch;
但是這樣設置，在ios上會有一個bug,頁面滾動一定的距離后，點擊了顯示彈窗，再關閉的話，就會發現，彈窗的一部分還“留在頁面上”。定位需要，-webkit-overflow-scrolling:touch;也需要。
解決方案把彈窗的div和.fb-box以兄弟節點的方式布局，在外層再弄一個div包住,這個坑就算爬起來了，效果如下
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/50865.html
摘要：定位需要，也需要。解決方案把彈窗的和以兄弟節點的方式布局，在外層再弄一個包住這個坑就算爬起來了，效果如下 布局 showImg(https://segmentfault.com/img/bVO8vd?w=1569&h=716);如上圖，.fb-box是一個大div，包含著頁面上的所有元素,包括所看到的那個彈窗.dialog-img，并且設置了height:100%;-webkit-ov...
流暢的不要不要的ios出來的bug讓人咬牙切齒。bug產生的環境：局部滾動，外部并沒有禁止默認瀏覽器事件bug：導致局部滑動不流暢嚴重情況下不能滑動解決方案: 1:js禁止外部的瀏覽器默認事件，停止局部事件冒泡（對于結構簡單的頁面來說可能適合） 2:-webkit-overflow-scrolling:touch給body和局部滾動的元素 -webkit-overflow-scrolling...
流暢的不要不要的ios出來的bug讓人咬牙切齒。bug產生的環境：局部滾動，外部并沒有禁止默認瀏覽器事件bug：導致局部滑動不流暢嚴重情況下不能滑動解決方案: 1:js禁止外部的瀏覽器默認事件，停止局部事件冒泡（對于結構簡單的頁面來說可能適合） 2:-webkit-overflow-scrolling:touch給body和局部滾動的元素 -webkit-overflow-scrolling...
閱讀 928·2021-10-18 13:32
閱讀 3529·2021-09-30 09:47
閱讀 2169·2021-09-23 11:21
閱讀 1897·2021-09-09 09:34
閱讀 3495·2019-08-30 15:43
閱讀 1537·2019-08-30 11:07
閱讀 1075·2019-08-29 16:14
閱讀 739·2019-08-29 11:06
