文字向上翻滚动画

参考博客： https://blog.csdn.net/duola8789/article/details/80833362 推荐使用该博主的停顿滚动方法第二种思路

遇到的问题：Safari animation中使用rem单位会出现适配问题

解决方法：将动画改为使用translateY(百分比)来实现向上滚动

@keyframes moveUp { 0% { -webkit-transform translateY(0) } 18% { -webkit-transform translateY(0) } 20% { -webkit-transform translateY(-20%) } 38% { -webkit-transform translateY(-20%) } 40% { -webkit-transform translateY(-40%) } 58% { -webkit-transform translateY(-40%) } 60% { -webkit-transform translateY(-60%) } 78% { -webkit-transform translateY(-60%) } 80% { -webkit-transform translateY(-80%) } 98% { -webkit-transform translateY(-80%) } 100% {} }