Jquery 使用CSS3动画无限滚动环绕Div

我已经创建了一个半工作的动画滚动

。动画可以工作，除了我希望它“环绕”这个事实。我的意思是，当第一个元素离开屏幕底部时，它从顶部向下移动，或者堆叠在顶部的“队列”顶部

我怎样才能做到这一点？使用两个相同的div是唯一的方法吗

我的CSS代码如下：

.posts 
{
-webkit-animation: movetweets 10s linear infinite;
-moz-animation: movetweets 10s linear infinite;
-o-animation: movetweets 10s linear infinite;
}   

@-webkit-keyframes movetweets {
    from {margin-top: -100%;}
    to {margin-top: 100%;}
}
@-moz-keyframes movetweets {
    from {margin-top: -100%;}
    to {margin-top: 100%;}
}
@-o-keyframes movetweets {
    from {margin-top: -100%;}
    to {margin-top: 100%;}
}

---

下面是一些与我的html格式相同的通用html的示例。

如果您正在寻找一个无jquery/js解决方案，我已经在Chrome、Firefox、IE和Safari中制作了下面的小提琴。我使用了marquee标记来代替CSS3动画，因为我觉得这是一个更优雅的解决方案

如果使用jquery或js是可以接受的，下面是一个很好的垂直滑块，有很多选项

---

你能分享你的HTML吗？基本上，您需要使用Javascript来实现这一点。获取窗口的高度并跟踪正在滚动的元素的位置。一旦它位于可见区域下方，将位置设置回窗口顶部。您可以看到一个JSFIDLE。我正在尝试做同样的事情，我想知道您是否找到了CSS解决方案？您的字幕示例与我描述的解决方案有相同的问题。就js/jquery库而言，它无法满足我的需要。谢谢你！