8.5 进度条 (商品的展示)

这种进度条 说白了就是 全部都用比例 1.用比例求出进度条的长(宽) 公式:
滚动条的宽(这里的宽不能用mask.offsetwidth) / 盒子的宽 = 盒子的宽 /内容 ul 的宽
2:让 ul(商品的内容)跟着进度条一起等比例滚动 这个也用到一个公式 :
滚动条所移动的距离/ul滚动的距离 = (盒子的宽-进度条的距离)/(ul宽 -盒子的宽)
javascript 代码如下

你可能感兴趣的:(8.5 进度条 (商品的展示))