滚动div自动收报机

Question

我想在屏幕底部构建一个滚动的滚动条,从右向左滚动.

解决这个问题的最佳方法是什么？我正在使用reactjs,我读到反应与jQuery不能很好地结合,我发现的大多数例子都使用jQuery.

Answer 1

您可以使用css创建一个横向滚动效果.这是一个演示小提琴.

/* 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); }
}