要解决的核心问题有两个

1.css如实现无缝滚动

0%{top: 0px;} 100%{top: -900px;}这里的top设置为容器高度的一半就可以无缝滚动,所以接下来问题就是获取容器高度。

2.动态生成的@keyframes如何生效?

通过insertRule动态添加样式

  • 111111111111111111
  • 111111111111111111
  • 111111111111111111
  • 111111111111111111
  • 111111111111111111
  • 111111111111111111
  • 111111111111111111
  • 111111111111111111
  • 111111111111111111
  • 111111111111111111