视频中的计算 ：进度条点击到最边缘会超出outerNode
myAudio.currentTime = myAudio.duration * ((ev.clientX - (this.offsetLeft + outerNode.offsetLeft))/this.offsetWidth);
trueLine.style.width = ((ev.clientX - (this.offsetLeft + outerNode.offsetLeft))/this.offsetWidth) * 100 + '%';
0
收起
正在回答
3回答
进度条超出是因为在.trueLine的时候设置了border-right导致的，border-right+完成后设置的进度为100%会超出。
解决办法是：在js中将进度设置成99%即可
测试效果：
另外，trueLine.style.width的宽度必须设置，否则没办法控制进度条显示的长度。
希望可以帮到你！
响应式开发与常用框架 2018
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星