????????小程序中自定義遮罩在項(xiàng)目中 可能會(huì)遇見 內(nèi)部dome高度超過100% 出現(xiàn)滾輪。遮罩彈出 依舊可以滾動(dòng)遮罩后的內(nèi)容嚼黔,下面是截圖细层。
我在遇見之后再網(wǎng)上搜了很多資料 亂七八糟的 什么方法都有 最后找到了。
其實(shí)很簡(jiǎn)單:在遮罩標(biāo)簽上添加catchtouchmove事件定義事件名稱大家都會(huì)把 給個(gè)空函數(shù)就好了(電腦上可以滾動(dòng)真機(jī)實(shí)測(cè) 就好了喲)
? ? ? ? wxml:<view class='Mask' style='display:black' catchtouchmove='mask'></view>
????????wxss:.Mask{? position: fixed;? top: 0rpx;left: 0rpx;? width: 100%; height: 100%;? background: rgba(0, 0, 0, 0.5);}
? ? ? ? js: mask(){},
如果使用的是wx自帶的提示框 (這里拿wx.showToast 測(cè)試)將它的mask屬性改成true就好
我在“測(cè)試”上面綁定了一個(gè)點(diǎn)擊事件在控制臺(tái)打印出? "我是測(cè)試一" 唬涧。在上面綁定的 是彈出小程序自帶的彈框提示疫赎。
這里執(zhí)行了上方的事件 彈出了提示框,注意我標(biāo)注的紅色箭頭碎节! 我是一直有在點(diǎn)擊測(cè)試的 虚缎。但是沒有執(zhí)行出來。
wxml: <view style='height:600rpx;' bindtap='submit'>的薩克里的那啥</view><view bindtap='test' style='margin-top:40rpx;height:1000rpx;'>測(cè)試</view>
z這個(gè)沒有樣式钓株。js:
submit(){
? ? wx.showToast({
? ? ? title: '我是系統(tǒng)遮罩',
? ? ? icon: 'success',
? ? ? duration:2000,
? ? ? mask: true,
? ? })
? },
? test(){
? ? console.log("我是測(cè)試一")
? },
好了功能實(shí)現(xiàn)实牡,結(jié)束,打卡下班轴合。(看的下去的話 關(guān)注一下唄 蟹蟹)