网站添加百分比圆形返回顶部功能

十七
2021-07-28 / 0 评论 / 15 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年07月29日,已超过171天没有更新,若内容或图片失效,请留言反馈。

前言

我们去别人网站的时候,你往下划一划,经常会看到一个返回顶部的箭头图标,但是这种太单调了。今天,七年分享给大家一款百分比圆形的返回顶部代码 表情

使用须知

  1. 本次教程以Typecho博客Joe主题为例
  2. 非与本站同主题网站,不知道这个图标在你的网站是哪个位置,可能需要自己调一下
  3. 本博客同主题,可以删除Joe主题自带的小火箭返回顶部,用百分比圆形返回顶部代替

效果图

Test

代码如下

CSS代码,放到后台的自定义CSS

下面的JS代码,同理

本文共 176 个字数,平均阅读时长 ≈ 1分钟
0

打赏

海报

正在生成.....

评论 (0)

取消