Javascript 滚动div滴答器

我想在屏幕底部构建一个从右向左滚动的滚动股票代码

---

最好的方法是什么？我使用的是reactjs，我读到react不能很好地使用jQuery，我发现的大多数示例都使用jQuery。

查看react scroll指令：

---

您完全可以使用css创建侧面滚动效果。这是一本书

基于

提尔修斯

解决方案，我已经修改了一点关键帧动画，所以现在它会在中间停一段时间，这样用户就可以以可理解的方式读取内容：

 @keyframes marquee {
0%   { transform: translate(0,0);
       font-style:italic;
       opacity:0;}
5%   { opacity:0;}
14%  { opacity:0.8;}
15%  { transform: translate(-46%, 0);
       opacity:1;
       font-style:normal;}
85%  { transform: translate(-54%, 0);
       opacity:1;
       font-style:normal;}
86%  { opacity:0.8;}
96%  { opacity:0;}  
100% { transform: translate(-100%, 0);
       opacity:0;}}

---

你试过什么吗？我试过在谷歌上搜索，但我似乎找不到任何没有大量使用jquery的东西。CSS解决方案有效吗？如果有一个纯CSS解决方案，我很乐意使用它！嗨，泰尔修斯！感谢代码，我用它来获得更好的票价效果，中间有一些暂停（我把它作为下面的答案添加），但是，我怎么用这个来显示不同的消息呢？谢谢，这太神奇了；节省了我很多时间。谢谢react scroll不包括字幕/新闻提示功能；它有助于在用户在页面上移动时设置过渡动画。

 @keyframes marquee {
0%   { transform: translate(0,0);
       font-style:italic;
       opacity:0;}
5%   { opacity:0;}
14%  { opacity:0.8;}
15%  { transform: translate(-46%, 0);
       opacity:1;
       font-style:normal;}
85%  { transform: translate(-54%, 0);
       opacity:1;
       font-style:normal;}
86%  { opacity:0.8;}
96%  { opacity:0;}  
100% { transform: translate(-100%, 0);
       opacity:0;}}