切换暗黑模式
一个可以滚动的图文列表列表,要求每次往列表插入一条新数据后页面要滚动到底部。由于列表含有图片且列表中每个item高度不确定,图片异步加载导致不能实时获取到最新高度,以至于页面可以滚动但无法滚到最底部分
cube-UI的滚动插件是基于better-scroll插件封装的。组件提供了scroll.refresh()方法可以重新计算滚动容器的高度。所以,可以通过监听图片加载,每次图片加载完执行一次this.$refs.scroll.refresh()进行高度调整,即可保证获取的高度,从而使用js滚动到底部
cube-UI
better-scroll
scroll.refresh()
this.$refs.scroll.refresh()