文章最后更新时间：
效果图
![图片[1]-子比主题美化 - 网站添加Bilibili火箭回到顶部动态功能-青争开放社区](https://qzkfsq.oss-cn-hongkong.aliyuncs.com/wp-content/uploads/2024/09/20240924154631231-360截图20240902033031344.jpg)
实现原理
它的图是长图（瞬间想到打点计时器好吧），通过改变backgroundPositionX来换图，来实现一个类似火箭加速的动画，当用完七个图的部分时，改变transform配合transition实现上升效果，此时使用js让屏幕跟着向上滚动到顶部。
教程开始
将附件里的图片上传至网站目录中或图床中
html代码（放在自定义底部HTML代码里面，子比主题可将它放入 zibll主题设置>全局功能>自定义代码>自定义底部HTML代码中）
本社区资源仅供学习交流使用请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负！
© 版权声明
THE END
暂无评论内容