小程序当中的scroll-view的自适应当前屏幕高度

1.在制作小程序页面当中我们肯定会遇到页面滚动的问题,对于解决这样的问题小程序已经给我们提供好组件
2.对于可滚动视图区域,使用竖向滚动时,需要给一个固定高度,通过wxss设置heigh高度,组件属性的长度单位默认为px,
scroll-view链接
3.在小程序的.js文件中在data中进行定义相应的数据

     windowHeight: 0,
     //flow_head的高度
     headHeight: 0,
     // flow_info的高度
     infoHeight: 0,
     // scroll-view的高度
     scrollViewHeight: 0

      success: function(res) {
        console.log(res)
        that.setData({
          windowHeight:res.windowHeight
        })
      }
    });
    let query = wx.createSelectorQuery().in(this);
    页面上其他盒子在当前页面的高度
    query.select('.flow_head').boundingClientRect();
    query.select('.flow_
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值