vux 中popup 組件的Mask 遮罩在最上層的解決方法?相信很多沒有經(jīng)驗(yàn)的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
問題描述:
在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)容