一、为什么失效?
- 当给最外层view(container)设置overflow样式后,onReachBottom钩子不触发,去除overflow后,可触发,但存在某些样式问题。
.container{
height: 100vh;
background-color: #F5F6FA;
overflow: scroll;
}
- 或者底部没有预留足够的高度可供滑动,此时只要放一个空的view ,设置高度在300rpx即可
二、解决方案
- 去除overflow,直接修改page样式
page{
height: 100vh;
background-color: #F5F6FA;
}
- 如果是app跨端开发,page在style标签加了scoped时,样式会失效,此时再多写一个style标签即可
<style>
page{
height: 100vh;
background-color: #F5F6FA;
}
</style>