最近做公司微信小程序的项目时 遇到的问题 记录一下问题防止日后出现相同的错误
问题所在:处理滚动到底部 触发滚动到底部事件 (bindscrolltolower) 的时候 并没有 生效!
经过多方面的资料排查,以及官方文档的查询 终于解决了 本人的困惑
<scroll-view
class='pages-container'
scroll-y="true"
// 设置 触摸底部控件
bindscrolltolower="bottomRefresh"
lower-threshold='100'
// 务必要设置的高度
style='height:100%;'
>
<!-- other code ... -->
</scroll-view>
// 手指滑动到底部后触发 '触底刷新加载更多操作'
bottomRefresh() {
console.log('到达底部了,加载更多电影文件内容')
},
必须要设置 scroll-view 的高度属性问题 不设置的话 它不能准确的知道高度 不能去正确的触发这个事件;
可以设置 如下:
page{
width:100%;
height:100%;
}
scroll-view {
height:100%;
/* other the code.. */
}
基本上设置 高度 `height: number` 就可以完美的运行问题; }
如有其他问题 请反馈