由于scroll-view需要设置height值,才能进行滚动。
但是有时候需要scroll-view铺满剩下的屏幕,设置height:100%是没用的,不会滚动。
解决办法,用display:flex;
最核心的属性就是:
外层view:
display: flex;flex-direction: column;
scroll-view:
overflow: scroll;
完整代码:
<!--高度用height100%或者postition,top0,left0-->
<view class="main" style="height:100%;display: flex;flex-direction: column;">
<view class="top-bar" style="height:100px;">
</view>
<scroll-view scroll-y="true" style="overflow: scroll;" >
....
</scroll-view>
</view>
网友评论