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