1. 程式人生 > >微信小程式:catchtouchmove阻止彈窗後滾動穿透

微信小程式:catchtouchmove阻止彈窗後滾動穿透

前言

啊 都不知道寫什麼好,一個小知識點一個小知識點,就想慢慢記下來,下次遇到了類似的問題,可以翻一翻。

開始

顯示彈窗時,希望底部的滾動事件不被觸發,需要在彈窗物件上,新增catchtouchmove事件。

wxml:

// 彈窗的節點
<view class='dialog' catchtouchmove='stopPageScroll'>
    // 彈窗的內容
</view>

js:

stopPageScroll(){
    return
}

擴充套件

網上還有一種寫法,會一直報警告,因為沒有這個函式。雖然也能解決問題啦

// 彈窗的節點
<view class='dialog' catchtouchmove='{{true}}'>
    // 彈窗的內容
</view>

 為什麼是彈窗物件?

因為彈窗時,彈窗物件的層級正常是在其他節點之上的,touchmove事件觸發時,最先感知到的就是彈窗節點。

總結

如果你有什麼疑問或想法,歡迎留言評論,或者掃描下方二維碼,與我取得聯絡~  (記得備註:CSND喔~)