vux 中popup 組件的Mask 遮罩在最上層的解決方法?相信很多沒有經(jīng)驗(yàn)的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
創(chuàng)新互聯(lián)專注于網(wǎng)站建設(shè),為客戶提供網(wǎng)站制作、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)開發(fā)服務(wù),多年建網(wǎng)站服務(wù)經(jīng)驗(yàn),各類網(wǎng)站都可以開發(fā),成都品牌網(wǎng)站建設(shè),公司官網(wǎng),公司展示網(wǎng)站,網(wǎng)站設(shè)計(jì),建網(wǎng)站費(fèi)用,建網(wǎng)站多少錢,價(jià)格優(yōu)惠,收費(fèi)合理。問題描述:
在IOS設(shè)備上遮罩層顯示在彈出內(nèi)容的上面,導(dǎo)致彈出內(nèi)容不能正常顯示內(nèi)容和響應(yīng)點(diǎn)擊事件
解決方案:
找到該P(yáng)opup組件的祖先DOM節(jié)點(diǎn)是否被設(shè)置該CSS屬性:-webkit-overflow-scrolling: touch;
若被設(shè)置將該CSS屬性,則去掉即可。
補(bǔ)充知識:完美解決VUX的popup組件滑動穿透的問題
最近使用vux的popup組件做個彈窗,在真機(jī)中使用發(fā)現(xiàn)存在滑動穿透的問題,即在彈出窗滑動內(nèi)容,底層的內(nèi)容也會跟著滑動,這種體驗(yàn)很不好。
廢話不多說,直接上解決方法:
核心就是給根div添加固定定位。
具體實(shí)現(xiàn)如下:
// 遮罩層 // 這里注意下,要把popup組件的遮罩顯示設(shè)置為false 彈出框內(nèi)容