9 vue音乐项目(某课)封装一个公用的scroll滚动组件

119 阅读1分钟

image.png

image.png

image.png

这里一定要页面高度大于窗口高度时,才可以滚动,给他加延时,getdisclit大于getRecommend时页面请求时间,页面高度不够就会无法滚动 image.png

image.png

image.png

这里为啥要触发图片这个事件呢,
其实是因为,我们无法知道轮播图和歌单的数据到底哪个先加载完,我们判断是否传入新的歌单数据来刷新scroll计算高度
但是如果图片比歌单数据慢的话,scroll计算之后并没有算轮播图片的高度所以歌单下面的数据会有轮播图高度无法滚动,被后来加载的轮播图推下去了
所以我们就使用了图片加载的事件,当图片加载出来也去刷新scroll重新计算滚动页面高度