微信小程序禁止滚动-总结

作者: 禾苗种树 | 来源:发表于2022-10-18 14:59 被阅读0次

微信小程序禁止滚动-总结
前端收藏文章
WeChat小程序视图篇~Scroll-view
微信小程序-滚动消息通知
微信小程序滚动
微信小程序 input 禁止输入disabled的问题
微信小程序开发知识点总结
微信小程序知识总结及案例集锦
微信小程序弹出遮罩层滚动禁止底层滚动问题
微信小程序开发中的bug总结。

方法一：给标签添加catchtouchmove="ture"



<view  catchtouchmove="ture">
...
</view>

方法二：在函数方法内调用!!!这个好方便

//实测有效！！！
aaa（）{

wx.setPageStyle({
   style: {
     overflow: 'hidden'
   }
})

}

总结：
方法一不仅会禁止页面底层的滚动也会禁止弹框内子集的滚动，我的需求里子集是有滚动的所以我用的方法二

完整方法逻辑

  onShowFL(){
    let ishow= !this.data.iShowFl;
    wx.setPageStyle({
      style: {
        overflow: ishow?'hidden':'unset'
      }
   })
    this.setData({iShowFl:ishow});

  },

微信小程序禁止滚动-总结
方法一：给标签添加catchtouchmove="ture" 方法二：在函数方法内调用!!!这个好方便总结：方...
前端收藏文章
一、微信小程序 1--- 微信小程序开发之网络请求(POST请求) 二、javascript 1---高性能滚动 ...
WeChat小程序视图篇~Scroll-view
scroll-view 是什么? 微信小程序滚动视图，分为横向滚动，纵向滚动。以及滚动事件。如何用? 纵向滚动-...
微信小程序-滚动消息通知
这次我主要想总结一下微信小程序实现上下滚动消息提醒，主要是利用swiper组件来实现，swiper组件在小程序中是...
微信小程序滚动
获取节点信息（此方法为备用）获取设备信息监听滚动信息条件渲染
微信小程序 input 禁止输入disabled的问题
微信小程序 input 禁止输入disabled的使用突然发现与都是禁止输入... what ? 怎么回事？...
微信小程序开发知识点总结
微信小程序自我小总结微信小程序是一个介于原生app和H5之间的一个东东。不过微信小程序是依赖微信开发平台的，甚至...
微信小程序知识总结及案例集锦
微信小程序知识总结及案例集锦微信小程序的发展会和微信公众号一样，在某个时间点爆发学习路径微信小程序最好的教程...
微信小程序弹出遮罩层滚动禁止底层滚动问题
思路：底层不用管，在遮罩层view添加
微信小程序开发中的bug总结。
微信小程序开发中的bug总结。