博客园页面添加返回顶部TOP按钮

1. 进入网页管理->设置

2. 在"页面定制CSS代码"中添加如下css样式,当然你可以改为自己喜欢的样式

复制代码
#back-to-top {
    background-color: #00CD00;
    bottom: 0;
    box-shadow: 0 0 6px #00CD00;
    color: #444444;
    padding: 10px 10px;
    position: fixed;
    right: 50px;
    cursor: pointer;
}
复制代码

3. 在"页脚Html代码"中添加如下代码,可以将文字改为图片

<span id="back-to-top"><a href="#top">TOP</a></span>

4. 点击保存按钮

这样就在自己的页面添加了回到顶部的Top按钮

posted @   Wicrecend  阅读(2584)  评论(2编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
TOP
点击右上角即可分享
微信分享提示