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