Question

62

Scrolling div ticker

rated 0 times [ 64] [ 2] / answers: 1 / hits: 6540 / 9 Years ago, mon, december 7, 2015, 12:00:00

I want to build a scrolling ticker on the bottom of the screen that scrolls right to left.

What is the best way to approach this? I'm using reactjs, and I read that react doesn't play well with jQuery, and most of the examples I've found, use jQuery.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

theodore

Add To Favorites

Follow

Total Points: 318

Total Questions: 97

Total Answers: 119

Location: Turks and Caicos Islands

Member since Sun, Mar 7, 2021

3 Years ago

answered 9 Years ago dominics · Accepted Answer

You can create a side-scrolling effect purely with css. Here is a demo fiddle.

/* Make it a marquee */

.marquee {

    margin: 0 auto;

    white-space: nowrap;

    overflow: hidden;

}



.marquee span {

    display: inline-block;

    padding-left: 100%;

    animation: marquee 5s linear infinite;

}



/* Make it move */

@keyframes marquee {

    0%   { transform: translate(0, 0); }

    100% { transform: translate(-100%, 0); }

}