Javascript HTML JS和CSS列表字幕未正确显示

我修改了一个代码，它显示了一个滚动简单HTML列表的字幕。你可以看到： 我有三个问题无法解决：

JS：我希望字幕显示文本在从左侧消失后从右侧再次输入，类似于连续字幕，我该怎么做

CSS：我注意到（a）字幕中存在一些瑕疵，我认为这是由于字幕文本和div的边距/填充未正确设置所致；和（b）阴影的浅蓝色div削减了帐篷。。（我认为这可能是一个z-indez问题？）。（b） 在任何浏览器中都会显示，（a）仅在chrome浏览器中显示，firefox看起来正常。我怎样才能修好它

以下是一个屏幕截图：

我可以成功地从数据库加载数据并将其附加到字幕中。现在，我想每X秒“刷新”一次字幕的内容，在底部添加一个元素时删除列表的顶部元素可以吗，还是淡出、更新所有内容并再次淡入更好？还有其他方法吗

下面是一个简单的方法来处理从对面滚动它们。此外，如果采用这种方法，也可以根据需要在数组中添加或删除新项。观看这个，大约2到3次，它将添加新的项目。需要注意的一件重要事情是，确保id文本的div的宽度比所有可见项的长度加上下一行的长度更宽。

关于（2）（a）当我更新Chrome时，工件消失了…

已经死了。长寿命

：-D