老师关于滚动条高度问题
来源：4-4 更新滚动条和图片的懒加载
阿满满满
2019-12-22 14:27:54
之前滚动条无法滚动请教了老师，其原因是因为热卖推荐中商品图片高度未设置导致总高度没撑开。但是图片本身有高度，不设置height不是应该可以由图片撑开吗？为什么不能算作高度来撑开总高度呢，老师可以帮忙讲解一下其中的原因吗？
写回答
1回答
-
同学你好，因为数据是异步加载的，可能图片还没有完全加载进来，滚动条就计算高度了，导致不能滚动到底部。
图片中这种修改方式是一开始就给图片盒子pic设置了高度（padding-top撑开的），并不是图片撑开的（图片设置绝对定位脱离文档流了），所以滚动条高度计算没有问题，图片显示出来就好。
另外一种修改方式，在更新滚动条的方法外面添加定时器，等待数据完全加载后再更新：
要使用箭头函数，确保this指向正确，自己试一下。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题