無限滾動文本，無間隙且內容發生了動態變化

Question

所以我遇到了像舊的不推薦使用的<marquee>這樣的問題。 這是小提琴： https : //jsfiddle.net/qbqz0kay/1/

這是數百次嘗試中的一次（也是最簡單的）。 我無法解決主要問題：

1. 如何消除列表結尾和（新）開頭之間的間隔（應該像一個無限滾動的句子）。 我嘗試刪除第一個li元素並將其添加到末尾，但它影響了列表的整體尺寸，結果-動畫被破壞了。
2. 列表的一部分將不時更改（網站已連接到websocket），其內容的每次更改也會影響列表的尺寸。 再說一遍-發生了口吃動畫的問題。

有什么想法如何處理嗎？ 我已經看到了許多現成的示例，但是它們都不能處理這兩個問題。

Answer 1

在這種情況下， Marquee無法為您提供幫助，因為您無法使用此元素實現連續滾動。 取而代之的是，只有一點點的javascript可能會在這里達到目的。 我嘗試了這個示例，該示例在我自己的博客中也有很好的記錄，並且工作得很好，有關本文的更多信息： http : //www.dynamicdrive.com/dynamicindex2/crawler/index.htm