javascript - Endless Marquee effect with CSS/jQuery or AngularJs -


i'm using angularjs display list of names , need scroll automatically top bottom infinitely (endless). used "marquee" tag this( know outdated ) matches requirement. issue once goes up, shows big gap (blank screen) until next round start showing.

my current code this:

<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> 

i can't use additional libraries instead of angularjs , jquery. possible handle case css ? or javascript ? if there light-weight plugin, can use won't increase '.war' file size when deploying remotely.


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -