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