ギャップがなく、内容が変化する無限のスクロールテキスト

Question

この問題は古い廃止予定の<marquee>のようなものです。ここにフィドルがあります：https://jsfiddle.net/qbqz0kay/1/

これは何百回もの試行のうちの一つです。

1. リストの最後と（新しい）開始点の間のギャップを削除する方法（無限に1つのスクロール文のようにする必要があります）。最初のli要素を削除して最後に追加しようとしましたが、リストの全体的な大きさに影響を与え、結果としてアニメーションが中断されました。
2. リストの一部はしばらく変わります（サイトはwebsocketに接続されています）。また、コンテンツのすべての変更はリストの次元にも影響します。もう一度 - 吃音アニメーションの問題が発生しました。

どのように対処するのですか？私は多くの既製の例を見てきましたが、それらの2つの問題はどれも処理していません。

Answer 1

Marqueeこの場合、この要素を使用して連続スクロールすることはできません。代わりに、ちょうど少しのjavascriptがここでトリックをするかもしれません。 http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm