uniapp 解决onReachBottom失效
一、为什么失效?当给最外层view(container)设置overflow样式后,onReachBottom钩子不触发,去除overflow后,可触发,但存在某些样式问题。.container{height: 100vh;background-color: #F5F6FA;overflow: scroll;}二、解决方案1.去除overflow,直接修改page样式page{height: 10
·
一、为什么失效?
- 当给最外层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>
更多推荐
已为社区贡献10条内容
所有评论(0)