演示图
![图片[1]-WordPress子比添加Bilibili回到顶部功能-星辰解忧工作室](https://p0.meituan.net/csc/8d5576a6e0a3409aa980b40e699bd58455223.png)
实现原理
它的图是长图（瞬间想到打点计时器好吧），通过改变backgroundPositionX来换图，来实现一个类似火箭加速的动画，当用完七个图的部分时，改变transform配合transition实现上升效果，此时使用js让屏幕跟着向上滚动到顶部。
实现教程：
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
付费阅读
喜欢就支持一下吧
相关推荐
![[子比主题美化教程] – 自定义背景文字介绍的样式代码-星辰解忧工作室](https://img2.imgtp.com/2024/04/22/rVxybMYv.png)
子比主题-一款优雅的主题
￥589
特别特惠
￥699
￥699
子比主题-一款优雅的主题
￥589
特别特惠
￥699
￥699
子比主题-一款优雅的主题
￥589
特别特惠
￥699
￥699
暂无评论内容