单页应用 | better-scroll | 父容器定高

[yongheng2016]

实现wrapper内滚动效果

<div class="container">
    <div class="wrapper">
        <div class="contents">
            <div class="container"></div>
            ....
        </div>
    </div>
</div>

@flex

.container
    display: flex
    height: 100%  // 确保此时的高度等于设备视口高度

.wrapper
    flex: 1  // 撑满父容器`.container`的高度
    overflow: hidden