javascript - 滚动 div 代码

Question

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

解决这个问题的最佳方法是什么？我正在使用 reactjs，我读到 react 不能很好地与 jQuery 配合使用，而我发现的大多数示例都使用 jQuery。

Answer 1

您可以完全使用 css 创建横向滚动效果。这是一个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); }
}