歌词滚动异常

来源：7-24 播放器歌词剩余功能实现

雪落无痕2018

2019-07-06

黄老师，我按照您的代码试了下，然而发现还是有一个问题比较疑惑，现在是有这么一个现象发生，我播放一个歌曲，将它拖动一段儿，然后再疯狂向前切，它就会有来回显示的滚动情况，一会儿头一会儿尾，而且暂停的时候还是会有滚动。不知道是什么原因了。初步分析可能和currentLyric的play方法有关系，但是不完全确定。还请老师帮忙看一下原因在哪，多谢了。这个不好截图，勉强看下吧。

写回答

2回答

ustbhuangyi

2019-07-08

已采纳

//img.mukewang.com/szimg/5d22b0490001f90211860292.jpg
本质上还是因为你多次切换歌曲启动了多个定时器，所以每次启动之前要清空上一个。

PS. 我发现你的代码还是比较旧的，可以再仔细看看最新版本 player.vue 的实现，从模板到 JS，都做了很多优化。可以通过 GitHub 的 history 可以查看相关代码提交记录。

雪落无痕2018

多谢老师。我现在想着的就是跟着您的老视频先做一遍，版本尽量保持一致，先熟悉下思路，然后再看您优化的地方，慢慢琢磨，最后自己争取能完整的写一遍。您说的我会对比着去做的，多谢您了，费心了

2019-07-08

共1条回复

ustbhuangyi

2019-07-06

首先建议去对比一下源码逻辑，源码应该没这个问题。如果你尝试解决后仍然找不到原因，那么把代码传到 GitHub 上，在 ReadMe 里写清详细稳定复现步骤，我抽空帮你看看。

雪落无痕2018

有点搞不定，复现的步骤就是，我播放一首歌的时候，拖动了滚动条，然后往下疯狂的切歌，就会有这种来回滚的错误。老师您有空帮忙查一下问题吧，现在目前大部分功能都没问题，但是这个细节，我有点不太清楚为啥。地址给您：https://github.com/FrankWang19931009/music-test/invitations

2019-07-07

共2条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程

相似问题

有些歌词解析顺序不对，歌词滚动和播放也不同步是怎么回事？

回答 1

看不懂修复歌曲混乱bug原理

回答 1

scroll不滚动问题

回答 1

歌词列表无法滚动问题

回答 1

播放器歌词列表有个小bug

回答 1

打开慕课网App查看更多内容