1回答

好帮手慕慕子

2019-12-07

已采纳

同学你好， 对于你的问题解答如下：

1. offsetLeft计算当前元素距离有定位属性（static除外）的先辈元素的距离，如果所有的先辈元素都没有设置定位属性，那么计算的就是当前元素距离窗口左侧的距离。

   示例：

   

   打印结果：给grand设置了相对定位，那么，此时打印son.offsetLeft就是距离先辈元素的距离

   

   如果都不设置定位

   

   打印结果:  先辈元素没有定位属性，那么offset计算的就是距离窗口左侧的距离

   

2. e.clientX是点击位置到视口左侧边界的距离，this.offsetLeft是进度条左侧距离外层盒子的距离。我们需要的点击位置到进度条左侧的距离，所以还需要减去外层盒子到视口左侧的距离。可以参考下图理解：

   

如果帮助到了你，欢迎采纳，祝学习愉快~

1