博客园-添加快速返回顶部的功能按键

Posted lyshark

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了博客园-添加快速返回顶部的功能按键相关的知识,希望对你有一定的参考价值。

添加快速返回顶部的功能按键,使其能够在文章任意文字快速返回文章顶部,把代码分别粘贴到“页面定制CSS代码”框和“页首Html代码”框,和上面一样修改代码,可以调整按键的位置,大小等,代码如下:

  页面定制CSS代码:

/* 定制返回顶部按键 */
#toTop {
    background: url(//http://images.cnblogs.com/*.bmp) no-repeat 0px top;
    width: 57px;
    height: 57px;
    overflow: hidden;
    position: fixed;
    right: 180px;
    bottom: 20px;
    cursor: pointer;
}

  页首Html代码:

<!-- 指定返回顶部位置#shwtop -->
<a href="#shwtop"><div id="toTop" style="zoom:0;"></div></a>

 

以上是关于博客园-添加快速返回顶部的功能按键的主要内容,如果未能解决你的问题,请参考以下文章

博客园美化

博客园博客自动生成目录/目录索引

博客园添加目录,导航,回到顶部

制作博客园目录导航

jQuery火箭图标返回顶部代码

使用JavaScript代码为博客园个人博客页面自动添置目录