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