加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

小程序----page级别的骚操作之禁用页面滚动

发布时间:2020-12-14 19:25:32 所属栏目:资源 来源:网络整理
导读:page级别的骚操作之禁用页面滚动 在做小程序项目的时候,遇到了这么一个问题。那就是希望能够动态的设置页面的滚动与否。? 然鹅,官方提供的page级别的api操作里面显然是没有的。? 首先,我们要知道的一点是小程序的每个页面的根元素为page,在对应的xxx.wxs

page级别的骚操作之禁用页面滚动

在做小程序项目的时候,遇到了这么一个问题。那就是希望能够动态的设置页面的滚动与否。?
然鹅,官方提供的page级别的api操作里面显然是没有的。?
首先,我们要知道的一点是小程序的每个页面的根元素为page,在对应的xxx.wxss中我们可以对其样式进行调整。

  1. page{
  2. color#fff;
  3. 书归正传,那么怎么动态的设置页面的滚动与否呢?

    在wxml的布局里面使用一个最外层view组件包含其它内容

    >
  4. "test_modal second_modal"我是第二屏</view>
  5. </view>
  6. background: #000;
  7. color: #fff;
  8. .test_page{
  9. height: 100%;
  10. .hidden{
  11. }
  12. height: 100%;
  13. background: red;
  14. .second_modal{
  15. }
  16. position: fixed;
  17. height: 88rpx;
  18. display: flex;
  19. justify-content: center;
  20. font-size: 36rpx;
  21. }
  22. data:{
  23. },
  24. this.setData({
  25. })
  26. })

可滚动时

不可滚动时

至此小程序----page级的骚操作之动态设置页面滚动篇结束。?
此种方法只能算是hack的一种手段。相对应的可能会失去一些其它api的使用。希望官方能够提供对应的api为最好(--_--)。此处作为抛砖引玉,有更好的处理方法还请指教。

如果对你觉得本章不错,请不要吝啬给个赞呗!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读