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

急救室 2018-05-27

添加快速返回顶部的功能按键,使其能够在文章任意文字快速返回文章顶部,把代码分别粘贴到“页面定制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>

相关推荐

安得情怀似旧时 / 0评论 2019-10-27
80417606 / 0评论 2007-03-06