昨夜今晨：华为Mate 70发布 尊界S800开启预定
2024-11-27
连续滚动的制作
-
软件频道
编程学院
Javascript
技巧应用
正文
下面小阳为你介绍这是如何实现的。
为了滚动能够“连续”，我们需要将字幕的内容复制多遍，直到内容的高度不小于滚动区高度的两倍。然后我们将溢出的滚动条隐藏掉，用代码控制滚动条向下移动（这时内容将向上移动）。当滚动条滚动到最下方时，理论上不能再往下滚动了，于是我们立刻调整滚动条，将它向上滚动到一个和当前画面一样的位置。结果我们看到的就是连续的滚动了。呵呵，说的就是这么简单，那做起来如何呢？我们看看是如何逐步实现的。
这样就完成了，感觉做起来也不难吧。好了，向上滚动的就是这样，向其它方向滚动的就不用我介绍了吧？
more
评论 {{userinfo.comments}}
-
{{child.nickname}}
{{child.create_time}}{{child.content}}
{{money}}元
{{question.question}}
提交
史上最强大的Mate 华为Mate 70系列正式发布 5499元起
2024-11-26
引领智能音频领域发展新方向，华为悦彰——好声音无处不在
2024-11-26
昨夜今晨：广电总局出手治理“霸总”微短剧 网易云音乐“控诉”QQ音乐抄袭
2024-11-26
新一代超美小直屏 OPPO Reno13 系列正式发布，2699元起
2024-11-25
驱动号 更多
