Javascript 具有动态内容的无限自动滚动，例如追加

每5秒向pagediv添加一次新内容。15秒后，使用css动画属性开始向下滚动页面

我想要的是，如果有内容，它应该向下滚动到最后

下面是代码片段中的示例代码。在此示例中，代码动画持续时间为100秒。不允许将其设为0或-1。此外，这段时间将花费在top:0%和top:-170%之间。我喜欢这个速度270%/100秒

100秒应该是永久的，速度应该保持不变270%/100秒

设置间隔函数{ $list.appendContent在此！； }, 1000; 列表 { 位置：绝对位置； 最高：100%； -webkit动画：滚动100秒线性无限； -moz动画：滚动100秒线性无限； -ms动画：滚动100秒线性无限； -o动画：滚动100秒线性无限； 动画：滚动100秒线性无限； } /*动画*/ @-webkit关键帧滚动{ 0%{顶部：100%；} 100%{top:-170%；} } @-moz关键帧滚动{ 0%{顶部：100%；} 100%{top:-170%；} } @-ms关键帧滚动{ 0%{顶部：100%；} 100%{top:-170%；} } @-o关键帧滚动{ 0%{顶部：100%；} 100%{top:-170%；} } @关键帧滚动{ 0%{顶部：100%；} 100%{top:-170%；} } 试一试

$window.onerror，函数e{ console.loge； 间隙； $list.stoptrue，true }; $.fx.interval=0； 变量i=0 ，listcroll=函数listcrolllem，idx{ var block=elem.find[data index=+idx+]； 块动画{ 顶部：-=+元素高度 }，1000*100，线性，函数{ console.logthis，idx； listScroll$this.parent，idx }; } ，s=setIntervalfunction{ 变量el=${ 数据索引：i， 内容在这里！， }; $.when$list.appendel，i .答应我[ 列表卷轴 ，功能{ ++一,； } ] }, 1000; 名单{ 位置：绝对位置； 最高：100%； 身高：100%-1%； } 名单组{ 位置：相对位置； 填充：6px； 高度：36px； }

---

显示在stacksnippets处继续滚动示例？滚动100s线性无限；在这一行，100是以秒为单位的时间。所以100秒过后，它又回到了开始。我试着玩100秒和-170%，但它们只改变了周期时间和速度。不确定是否正确解释了要求，它又回到了开始？需求是连续滚动的吗？预期的结果是什么？啊，将持续时间更改为10秒，如果新内容停止添加，元素仍在视口之外，则能够看到它返回到开始？什么时候停止？当内容停止追加时，预期的结果是什么？元素应该从列表中删除，还是在视口之外的DOM中保留？我更新了这个问题。对不起，我的英语不好。1.它可以停在“列表”的末尾。2.当内容停止追加时，如果屏幕上没有显示内容，则应继续滚动。3.不应删除列表元素。