彈出 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都可以自定義 提供插槽自定義...