一、为什么失效?

  1. 当给最外层view(container)设置overflow样式后,onReachBottom钩子不触发,去除overflow后,可触发,但存在某些样式问题。
.container{
		height: 100vh;
		background-color: #F5F6FA;
		overflow: scroll;
	}
  1. 或者底部没有预留足够的高度可供滑动,此时只要放一个空的view ,设置高度在300rpx即可

二、解决方案

  1. 去除overflow,直接修改page样式
page{
		height: 100vh;
		background-color: #F5F6FA;
	}
  1. 如果是app跨端开发,page在style标签加了scoped时,样式会失效,此时再多写一个style标签即可
<style>
	page{
		height: 100vh;
		background-color: #F5F6FA;
	}
</style>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐