vant 使用PullRefresh下拉刷新 + list列表组件时,无论滚动条在哪,下拉时总会触发下拉刷新

 问题演示:

vant下拉刷新组件问题演示

解决方法:

<style>
.van-pull-refresh { 
    height: calc(100vh - 160px) !important; /* 计算高度(减去的高度自己调) */
 	overflow: auto !important;  /* 滚动自适应 */
} 

.van-list { 
    height: auto !important; /* 列表高度自适应 */
}
</style>

PullRefresh 的内容未填满屏幕时,只有一部分区域可以下拉?

默认情况下,下拉区域的高度是和内容高度保持一致的,如果需要让下拉区域始终为全屏,可以给 PullRefresh 设置一个与屏幕大小相等的最小高度

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值