#微信小程序#scroll-view

流式布局下如何让 scroll-view 既充满空间又有自己的高度

给 scroll-view 外层套一个 view,让 page 高度固定比如100%,再使 view 填满目标空间,这样只需设置 scroll-view 的高度 100% 充满 view 即可。

<view class="scroll">
<scroll-view></scroll-view>
</view>
page{ height: 100% }
view{ flex:1, overflow: scroll }
scroll-view{ height: 100% }

scroll-view 的高度有什么用

很多功能需要 scroll-view 有高度才能实现,比如 bindscrolltoupper、bindscrolltolower 等,没有高度,很多事件无法触发或实现。高度可以是固定值、vh、或百分比均可

#微信小程序#scroll-view

上一篇:NumPy - transpose方法


下一篇:VUE2--封装微信支付二维码组件