公告列表
公告列表
收藏
回答

小程序scroll-view组件 使用的高度为屏幕的一部分 这时候高度应该如何设置？

会导致页面的列表数据无法全部显示出来

回答关注问题邀请回答
收藏

4 个回答

  • 茫⊙
    茫⊙
    2021-07-26

    用 flex 布局啊

    2021-07-26
    有用
    回复
  • Ethan😋
    Ethan😋
    2021-07-21
    onShow():void {
  const info = wx.getSystemInfoSync()
  const { screenHeight } = info
  const c = screenHeight / 667
  this.setData({
    scrollViewHeight: 1080 * c,
  })
}


    2021-07-21
    有用
    回复
  • 风清雾散云开见日出
    风清雾散云开见日出
    2021-07-20

    第一计算屏幕的高度，动态设置高度；第二设置scroll-y="true",可以上下滑动

    2021-07-20
    有用
    回复
  • 年轻乄霸道
    年轻乄霸道
    2021-07-20

    计算屏幕需要区域的高度 然后动态给scroll-view设置高度就可以了

    2021-07-20
    有用
    回复 4
    • Coisini
      Coisini
      发表于移动端
      2021-07-20
      要适配各种手机呢
      2021-07-20
      赞
      回复
    • 年轻乄霸道
      年轻乄霸道
      2021-07-20回复Coisini
      我说的就是适配各种手机啊 
      加载小程序获取屏幕高度，然后就计算你们想要的区域  动态设置就可以
      2021-07-20
      赞
      回复
    • Coisini
      Coisini
      2021-07-20
      咋设置啊 老哥 这个我不会 - -
      2021-07-20
      赞
      回复
    • 年轻乄霸道
      年轻乄霸道
      2021-07-20回复Coisini
      app.js  加载就可以获取高度，存到全局变量
      wx.getSystemInfo({
            success: function(res) {
              this_.globalData.winWidth = res.screenWidth;
              this_.globalData.winHeight = res.screenHeight;
            }
          });
      那个页面使用就取屏幕高度（app.globalData.winHeight）计算比例  算出想要的区域高度
      wxml 动态设置即可<scroll-view scroll-y="true" style="height: {{winHeight}}px";>
      2021-07-20
      赞
      回复
请 登录 后发表内容
相关文档