首页 > 微信 > 详细

#微信小程序#scroll-view

时间:2021-08-11 18:57:05      阅读:30      评论:0      收藏:0      [点我收藏+]

流式布局下如何让 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

原文:https://www.cnblogs.com/cinlap/p/15128061.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!