scrollview适应剩余高度
发布于 5 年前 作者 xdong 18977 次浏览 来自 问答

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的高度,但这种方法操作起来不太好

4 回复

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

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

我试了下,好像不行…

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

回到顶部