国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ios上-webkit-overflow-scrolling與position的bug

Genng / 3485人閱讀

摘要：定位需要，也需要。解決方案把彈窗的和以兄弟節(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://m.specialneedsforspecialkids.com/yun/112132.html

相關(guān)文章

  • ios上-webkit-overflow-scrolling與position的bug

    摘要：定位需要，也需要。解決方案把彈窗的和以兄弟節(jié)點的方式布局，在外層再弄一個包住這個坑就算爬起來了，效果如下 布局 showImg(https://segmentfault.com/img/bVO8vd?w=1569&h=716);如上圖，.fb-box是一個大div，包含著頁面上的所有元素,包括所看到的那個彈窗.dialog-img，并且設(shè)置了height:100%;-webkit-ov...

    dkzwm 評論0 收藏0

  • ios局部滾動的bug所引發(fā)的思考

    流暢的不要不要的ios出來的bug讓人咬牙切齒。bug產(chǎn)生的環(huán)境：局部滾動，外部并沒有禁止默認(rèn)瀏覽器事件bug：導(dǎo)致局部滑動不流暢嚴(yán)重情況下不能滑動解決方案: 1:js禁止外部的瀏覽器默認(rèn)事件，停止局部事件冒泡（對于結(jié)構(gòu)簡單的頁面來說可能適合） 2:-webkit-overflow-scrolling:touch給body和局部滾動的元素 -webkit-overflow-scrolling...

    jindong 評論0 收藏0

  • ios局部滾動的bug所引發(fā)的思考

    流暢的不要不要的ios出來的bug讓人咬牙切齒。bug產(chǎn)生的環(huán)境：局部滾動，外部并沒有禁止默認(rèn)瀏覽器事件bug：導(dǎo)致局部滑動不流暢嚴(yán)重情況下不能滑動解決方案: 1:js禁止外部的瀏覽器默認(rèn)事件，停止局部事件冒泡（對于結(jié)構(gòu)簡單的頁面來說可能適合） 2:-webkit-overflow-scrolling:touch給body和局部滾動的元素 -webkit-overflow-scrolling...

    ymyang 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<