index.wxml
<view class="page">
<scroll-view
class="scroll"
style="height: 100%"
scroll-y="{{true}}"
enhanced="{{true}}"
refresher-enabled="{{true}}"
refresher-threshold="{{50}}"
refresher-default-style="white"
refresher-background="#eee"
>
<view class="scroll-content">
<block wx:if="{{listData.length}}"></block>
<view class="list">
<view class="item" wx:for="{{listData}}" wx:key="id">{{item.data}}</view>
</view>
</view>
</scroll-view>
</view>
index.wxss
page {
height: 100%;
}
view,
text,
scroll-view {
box-sizing: border-box;
}
.page {
height: 100%;
}
.scroll-content {
background-color: #eeeeee;
min-height: 100%;
border: 1px solid burlywood;
}
.scroll{
height: 100%;
}
/* flex布局 */
.list {
display: flex;
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 100%;
}
.item {
width: 100%;
min-height: 50rpx;
margin-top: 10rpx;
}
index.js
Page({
data: { listData: [] },
onLoad: function (options) {
this.loadData();
},
loadData() {
let startIndex = this.data.listData.length;
let newData = {};
Array.from({ length: 30 }).forEach((_, index) => {
newData[`listData[${startIndex}]`] = {
id: `id_${startIndex}`,
data: `${startIndex + 1}_data_高度不定的item`,
};
startIndex++;
});
this.setData(newData);
},
});
开发工具中没问题,ios预览滚动到底部会有大量空白高度。
机型:iPhone XR
ios系统版本:13.3.1
关闭下拉刷新后没有此问题。
我也出现此问题!求解决!未使用flex布局,但是只要scroll-view内循环渲染自定义组件就会出现莫名大量空白。也是ios真机才有,PC和编译器都显示正常。
enhanced设置false后,如果动态设置refresher-enabled的值,也是会有空白
真坑,我也出现了
有解决的吗? ios&android都有这样的问题。
文章跳转到文章的时候,在页面A时wx.navigateTo({url: `A?id=111`}),基本每次都这样
还没解决吗
同ios真机底部会有大量空白可滑动区域
碰到同样问题了,楼主的demo我运行了一下 可以复现 症状一样
几乎能搜到的办法都试了 问题依然没有解决,持续关注...
bug到现在都没解决吗?+1
+1
+1