[微信小程序] Modal 禁止穿透滾動


在 Web,經常會採用 overflow: hidden 的方式禁止捲軸滾動,但在微信小程序的情況下,必須要加在頁面的 <page> 中,然而要動態產生的話,沒辦法做到這件事。

因此就要透過 catchtouchmove 方法來做啦~透過該方法,可以捕捉滑動事件,再透過catch事件可以阻止冒泡事件向上冒泡,藉此來達到禁止穿透滑動。

需要注意的是該方法只在觸控裝置上有效,因此開發者工具看起來是無作用的。

若是要讓 Modal 的 Dialog 可以滑動,可以在內部再搭配 <scroll-view> 做使用。


發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *