当前位置:  开发笔记 > 编程语言 > 正文

滚动div自动收报机

如何解决《滚动div自动收报机》经验,为你挑选了1个好方法。

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

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



1> Kyeotic-Stop..:

您可以使用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); }
}

推荐阅读
凹凸曼00威威_694
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有