...

页面滚动 小程序页面（注意这里说的页面指的是注册的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部分 ...