子比主题美化教程：右下角添加B站风格回顶部火箭按钮

本次给大家分享一款复刻B站样式的返回顶部火箭组件，适配绝大多数搭建完成的站点，安装后页面滚动时会自动出现火箭图标，整体视觉效果还原度很高。

部署代码

将下方整套代码复制，粘贴至子比主题后台的自定义代码板块，选择自定义底部HTML代码区域存放即可。

运行逻辑

1. 显示隐藏逻辑：页面存在向下滚动距离时，火箭按钮淡入展示；页面回到顶部时，按钮自动淡出隐藏，页面加载完成会自动判断初始显示状态。
2. 交互效果：鼠标悬浮火箭图标，持续循环播放火箭动态帧动画；点击火箭会添加升空位移样式，同时页面快速平滑滚动至页面顶端，300毫秒后清除升空样式。
3. 大屏适配：针对宽度1420px以上的超大显示器，代码内置专属边距调整样式，保证火箭按钮位置协调不偏移。