問題

當(dāng)小程序同時使用column-reverse和scroll-view的時候，scroll-view里的元素會被推到頂部，并且是沒有辦法看見的。我簡單畫了張圖表示，藍(lán)色是屏幕，綠色是scroll-view，黃色是我想要固定在底部的view

我想要的效果是黃色的view固定在下方，綠色的scroll-view占有除黃色部分以外的屏幕

請問怎么解決這個問題？或者有什么方法可以實現(xiàn)我的需求嗎？

示例代碼

<!--WXML-->
<view class="wrapper">
    <view class="bottom-view">底部</view>
    <view class="scroll-wrapper">
        <scroll-view scroll-y="true">
            <view class="pushed">
                <view>（被推到頂部）</view>
                <view>（被推到頂部）</view>
            </view>
            <view class="main">
                <view>HelloWOLRD</view>
                ......
                <view>HelloWOLRD</view>
                <view>HelloWOLRD</view>
                <view>HelloWOLRD</view>
            </view>
        </scroll-view>
    </view>
</view>

<!--WXSS-->
.wrapper {
    width: 100%; height: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.bottom-view {
    width: 100%; height: 100px;
}

.scroll-wrapper {
    width: 100%; height: 100%;
}

.pushed {
    width: 100%; height: 50px;
}

.main {
    width: 100%;
}