网站添加百分比圆形返回顶部功能
侧边栏壁纸
  • 累计撰写 88 篇文章
  • 累计收到 673 条评论
  • 今日更新 0 篇文章

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

七年
2021-07-27 / 11 评论 / 140 阅读 / 正在检测是否收录...

前言

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

使用须知

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

效果图

Test

代码如下

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

下面的JS代码,同理

0

七年博客 - 你的专属归

https://www.qin0.cn/
更多精彩文章,按Ctrl+D收藏本站!

评论 (11)

取消
  1. 头像
    网上查
    Windows 10 · QQ Browser

    让国人

    回复
  2. 头像
    啊是大多数
    Windows 10 · Google Chrome

    sadds

    回复
  3. 头像
    菜鸡
    Windows 10 · Google Chrome

    拿来把你

    回复
  4. 头像
    看看
    Android · Google Chrome

    看看

    回复
  5. 头像
    tinklh
    Android · Google Chrome

    Ok

    回复
  6. 头像
    1
    Windows 10 · Google Chrome

    看看

    回复
  7. 头像
    kk
    Windows 10 · QQ Browser

    看看

    回复
  8. 头像
    12
    Android · Google Chrome

    白嫖

    回复
  9. 头像
    qq
    Windows 10 · QQ Browser

    1

    回复
  10. 头像
    花里胡哨
    Android · QQ Browser

    可以666

    回复
  11. 头像
    茗总
    Windows X64 · Safari

    牛逼

    回复
在线人数:1人