頁面滾動 小程序頁面(注意這里說的頁面指的是注冊的Page,而不是視圖容器view),默認就具有滾動(上拉)功能,滾動時觸發PageScroll事件;在頁面滾動觸底時,會觸發ReachBottom事件;頁面下拉時,觸發PullDownRefresh事件,通常用於頁面刷新。這三個事件的處理函數都需 ...
// 封裝禁止頁面滾動方法(該方法兼容PC端和移動端)var topSpace = 0function BodyScroll (isState) { var bodyDoc = document.body if (isState) {topSpace = window.scrollYbodyDoc ...
1、css 樣式: .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...
在寫移動端頁面的時候,彈出遮罩層后,我們仍然可以滾動頁面。 vue中提供 @touchmove.prevent 方法可以完美解決這個問題 如果不是使用Vue的話,可以給body添加overflow:hidden屬性解決 補充知識:vue項目中禁止頁面滾動 / 滾動事件穿透 (彈出蒙版時,彈出 ...
在遮罩層添加 (前提使用vue)@touchmove.prevent HTML: ...
wxml //使用scroll-view包裹 scrolly-y要寫 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...
template部分 CSS部分 ...