问题演示:
vant下拉刷新组件问题演示
解决方法:
<style>
.van-pull-refresh {
height: calc(100vh - 160px) !important; /* 计算高度(减去的高度自己调) */
overflow: auto !important; /* 滚动自适应 */
}
.van-list {
height: auto !important; /* 列表高度自适应 */
}
</style>
PullRefresh 的内容未填满屏幕时,只有一部分区域可以下拉?
默认情况下,下拉区域的高度是和内容高度保持一致的,如果需要让下拉区域始终为全屏,可以给 PullRefresh 设置一个与屏幕大小相等的最小高度