收藏
回答

scrollview适应剩余高度

问题模块
API和组件

page{

    width:100%;

    height:100%;

}


test.wxml

<view style="display:flex;flex-direction:column;width:100%;height:100%">

    <text id="title" style="width:100%;height:100rpx;flex:none">test</text>


    <view id="content" style="width:100%;flex:1 1 auto>

        <scrollview style="height:100%">

            <block wx:for="{{array}}" wx:key="*this">

                    <!-- 此处是我的节点 -->

            </block>

        </scrollview>

    </view>

</view>


现在问题是根节点下面的内容id=title 和 id=content可以适配设备屏幕,就是id=content可以占满剩余的空间,但是这个scrollview的高度

却是里面元素的总和,按理100%应该是父节点的高度,这个要怎么解决???目前我是看到通过wx.getSystemInfo里面的屏幕宽高,然后运算之后,设置scroolview的高度,但这种方法操作起来不太好

最后一次编辑于  2017-04-08  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 流浪的Joel
    流浪的Joel
    2018-09-11

    我试了下,好像不行....

    2018-09-11
    赞同
    回复
  • 徒安生
    徒安生
    2017-07-20

    尝试这种方式,把 <view id="content" style="flex:1 1 0;oveflow:hidden;">在调试工具没有问题,但是在IOS真机上,不行。问一下官方有好的解决方式吗? 

    2017-07-20
    赞同
    回复
  • 不会打呼噜的猫
    不会打呼噜的猫
    2017-06-12

    兄弟,怎么算的scroll-view的高度,我这边算的,安卓和iOS差别n大

    2017-06-12
    赞同
    回复
  • chl
    chl
    2017-04-08

    试了一下这个 <view id="content" flex:1 1 0> 这样解决了!

    2017-04-08
    赞同
    回复