ios下scroll-view的子元素高度100%无效
发布于 6 年前 作者 dguo 13877 次浏览 来自 问答
  • 一个页面如下结构:
<view class="flex-column">
  <scroll-view class="flex-grow" scroll-y>
    <view class="content"><view>content</view></view>
  </scroll-view>
  <view class="other-height"></view>
</view>

这里使用了`flex`布局,我让`scroll-view`高度自适应,然后需要对`scroll-view`下的子元素垂直居中,但我不能设置`scroll-view`为`flex`,我想到了另一个解决方案,就是对`.content`的最小高度设置100%,`min-height: 100%`,并且是`flex-column`和`center`,内容多了,`scroll-view`就出现滚动条,内容少了,就垂直居中,安卓上面很好,但ios对100%的设置不起作用,那么垂直居中也就不能实现了

回到顶部