所以我有这个问题，比如旧的弃用 <marquee> .这是 fiddle :https://jsfiddle.net/qbqz0kay/1/
这是数百次尝试中的一次(也是最简单的一次)。我无法解决主要问题:
- 如何消除列表结尾和(新)开头之间的空隙(它应该像一个无限滚动的句子)。我试过先删除
li元素并将它们添加到末尾，但这影响了列表的整体尺寸，因此动画被打乱了。 - 列表的一部分会不时更改(网站连接到 websocket)，其内容的每次更改也会影响列表的维度。再次 - 出现动画卡顿问题。
任何想法如何处理这个？我见过很多现成的例子，但没有一个能解决这两个问题。
最佳答案
Marquee 在这种情况下无法帮助您，因为您无法使用此元素实现连续滚动。相反，这里只需一点 javascript 就可以解决问题。我尝试了这个例子，它在我自己的博客上也有很好的记录并且工作得很好，更多关于这篇文章:
http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm
关于javascript - 无间隙和宽度动态变化内容的无限滚动文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41076198/