收藏
回答

iOS 下 scroll-view 嵌套在 flex box 中无法滚动到底



机型:iPhone 6S

操作系统:iOS 10.1.1

是否必现:是


wxml

<view class="test">
    <view class="header">
        Header
    </view>
    <scroll-view scroll-y="ture" class="scroller">
        <view wx:for="{{[1,2,3,4,5]}}" class="item">
            {{item}}
        </view>
    </scroll-view>
</view>


wxss

page {
    height: 100%;
}
 
.test {
    display: flex;
    flex-direction: column;
    height: 100%;
}
 
.header {
    background-color: #eee;
    padding: 50rpx;
    flex: none;
}
 
.scroller {
    flex: 1;
    overflow: auto;
}
 
.item {
    height: 600rpx;
    background-color: #ccc;
    border-bottom: 2px solid red;
}


在 iOS 下,一直往下滑动时看不到 5 这个 block 底部的红色 border,必须很快速地多次往下滑动才能瞟见,放手即回到原位。

如果使用普通的 view 则正常显示,但是那样的话滑动就不顺畅。

Android 下正常。

最后一次编辑于  2016-11-14
回答关注问题邀请回答
收藏

1 个回答

  • 波涛
    波涛
    2016-11-16

    自己顶一下。或者谁有解决方法也可以?

    2016-11-16
    有用
    回复
登录 后发表内容