在使用Vant组件库时,实现下拉刷新,只有在列表顶部才会刷新

场景

官方代码,是只要下拉就会刷新,但这并不是我们想要的,我们想要实现下拉刷新,只有在列表顶部才会刷新

解决

全局样式

.van-pull-refresh {
  height: calc(100vh - 100px) !important;
  overflow: auto !important;
}

结语

感谢读者阅读并关注博客文章,并对文章中提到的观点、建议或批评表示感谢

你可能感兴趣的:(CSS,前端)