在 Web,經常會採用 overflow: hidden
的方式禁止捲軸滾動,但在微信小程序的情況下,必須要加在頁面的 <page>
中,然而要動態產生的話,沒辦法做到這件事。
因此就要透過 catchtouchmove
方法來做啦~透過該方法,可以捕捉滑動事件,再透過catch
事件可以阻止冒泡事件向上冒泡,藉此來達到禁止穿透滑動。
需要注意的是該方法只在觸控裝置上有效,因此開發者工具看起來是無作用的。
若是要讓 Modal 的 Dialog 可以滑動,可以在內部再搭配 <scroll-view>
做使用。