我正在尝试产生一个信贷滚动类型的效果，它从JustGiving API读取并列出捐赠者。 我能够填充捐赠者的列表，并使用API就很好。 问题是试图让它向上滚动屏幕。

我正在使用CSS动画和效果工作，但我有它的方式使卷轴只显示一定数量的学分。 我把动画设置成:

@keyframes creditRoll {
  0% {
    top: 100%;
  }
  100% {
    top: -100%;
  }
}

Credits div的样式如下:

#Credits {
            display: block;
            position: absolute;
            top: 100%;
            width: 100%;
            animation: creditRoll 75s linear forwards infinite;
            animation-delay: 5s;
            animation-iteration-count: 1;
        }

我相信100%指的是屏幕大小，而不是div高度？ 我可以让整个div向上滚动并离开屏幕吗？ 它确实会在一分钟内向上滚动，但会在片尾的中间停止。

有关示例，请参见https://jsfiddle.net/kao6hs2t/。