使用CSS / jQuery或AngularJs实现无限的Marquee效果

Question

我正在使用angularjs来显示名称列表，我需要自动从上到下自动滚动（无限）。我为此使用了“marquee”标签（我知道它已经过时了）但它符合要求。只有问题是一旦它上升，它会显示一个很大的差距（空白屏幕），直到下一轮开始显示。

我目前的代码是：

<marquee behavior="scroll" direction="up" width="100%" scrollamount = "2">
                    <div class="fz-row" ng-repeat="sel in scroll_array">
                        <div class="fz-row-wrap"> 
                           <div class="fz-horse-number" ng-class="{'fav': (sel.fav == 'Y')}">{{sel.sel_num}}</div>
                           <div class="fz-horse-jercy"><img ng-src="{{sel.jersey}}"></div>
                           <div class="fz-horse-name" ng-class="{'fav': (sel.fav == 'Y')}">{{sel.sel_name | uppercase}}</div>
                           <div class="fz-horse-seconday-odds">{{sel.odds}}</div>
                           <div class="fz-horse-primary-odds">
                               <div class="fz-yellow-tag" ng-class="{'fav': (sel.fav == 'Y')}"><span>{{sel.lastOdd}}</span></div>
                           </div>
                           <div class="clearfix"></div>
                        </div>
                    </div>
                    </marquee>

我不能使用额外的库而不是angularjs和jquery。用CSS处理这种情况有可能吗？还是javascript？如果有任何非常轻量级的插件，我可以使用它，因为在远程部署它时不会增加'.war'文件的大小。