小程式 自定義彈窗後禁止螢幕滾動(滾動穿透)

2021-10-07 03:14:14 字數 1086 閱讀 9590

彈出 fixed 彈窗後,在彈窗上滑動會導致下層的頁面一起跟著滾動。

解決方法:

在彈出層加上 catchtouchmove 事件

示例**:

="modal-view" hidden=

"}" bindtap=

"togglemodal" catchtouchmove=

"preventtouchmove"

>

="modal"

>

="modal-item" catchtap=

"makephonecall"

>

}<

/view>

="modal-item" catchtap=

"togglemodal"

>取消<

/view>

<

/view>

<

/view>

pages(}

)

還有一種方法如下:給catchtouchmove="ture"

="modal-view" hidden=

"}" bindtap=

"togglemodal" catchtouchmove=

"ture"

>

="modal"

>

="modal-item" catchtap=

"makephonecall"

>

}<

/view>

="modal-item" catchtap=

"togglemodal"

>取消<

/view>

<

/view>

<

/view>

個人覺得第二種炒雞簡單適合,記得一定都在真機上看效果哦。

微信小程式 自定義滾動彈窗

實現 wxml class showmodal bindtap showmodal click 喚出彈窗button class modal mask bindtap hidemodal catchtouchmove preventtouchmove wx if view class modal d...

微信小程式自定義彈窗

首先wxml 暫無有關資訊 點選此處 注 hidden屬性用於切換比較頻繁的地方。wxss 設定彈窗樣式 mytoast js page onload function options onready function onshow function onhide function onunload...

小程式 自定義alert彈窗 帶動畫

小程式官方提供的alert彈窗 沒法自定義,如果需要在上面修改,新增乙個input 或者 textarea就沒辦法做到,因此出於此目的,封裝了一套自己的彈窗控制項,並且通過定義多個slot插槽來提供自定義 能實現功能 點選彈出有spring動畫 title和content都可以自定義 提供插槽自定義...