我正在为jr制作一个javascript老虎机。开发者面试测试。我有五个＆＃34;卷轴＆＃34;它们是具有垂直排列在彼此顶部的图像的列。我们的想法是让列向下滚动，到达末尾，然后平滑地返回到顶部，这样它就像流体动画一样。我知道有些JQuery库可以解决繁重问题，但我想从头开始编写代码。我目前的想法是使用CSS动画和关键帧以流畅的动作滚动到列的底部，并使用JQuery启动动画。有没有办法让动画平滑地跳回到列的顶部以创建所需的效果？
答案 0 :(得分：0)
如果您希望关键帧返回其先前状态而不从图像底部跳回（在这种情况下）返回顶部。利用关键帧内的％值。
@keyframes Animation{
0% {postion: 0;}
25% {postion: 20;}
50% {postion: 40;}
75% {postion: 20;}
100% {postion: 0;}
}
我不得不即兴发挥css，因为我不知道跳你的实际移动img。
这样整个动画在最后重置，允许进一步迭代，没有视觉跳跃。