网页顶部添加滚动条显示页面剩余长度

  • 内容
  • 评论
  • 相关

1.png

在别人的网站看到了这个效果,脑子一热。就给扒了下来。效果可以看本站。

先上js:

管理员设置回复可见隐藏内容
HTML代码:
<div id="load"></div>

css代码:

#load {
    background-color: #ff6651;
    height: 3px;
    width: 0px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

31条评论
  1. avatar

    没想好 Lv.1 回复

    可以可以

       河北省张家口市 电信

    1. 头像

      小陈 回复

      回复了没想好:折腾明白了不 表情

                     湖南省张家界市 电信

  2. avatar

    xsj Lv.1 回复

    有教程么

       广东省揭阳市 联通

    1. 头像

      小陈 回复

      回复了xsj:已经写得很清楚了,还要什么教程?

                     湖南省张家界市 电信

  3. avatar

    キリト Lv.2 回复

    瞧一瞧,看一看

       江苏省南京市鼓楼区 电信

    1. 头像

      小陈 回复

      回复了キリト:看出什么名堂来了?

                     湖南省张家界市 电信

    2. 头像

      キリト Lv.2 回复

      回复了小陈:评论完,还不能复制 表情 还得源代码

                     江苏省南京市鼓楼区 电信

    3. 头像

      小陈 回复

      回复了キリト:这么神奇 表情

                     湖南省张家界市 电信

    4. 头像

      キリト Lv.2 回复

      回复了小陈:哎。。。

                     江苏省南京市鼓楼区 电信

    5. 头像

      小陈 回复

      回复了キリト:我这里可以复制呀,浏览器的问题吧。

                     湖南省张家界市 电信

    6. 头像

      キリト Lv.2 回复

      回复了小陈:不知道,你把F12啥的都禁了,我反正选不中

                     江苏省南京市鼓楼区 电信

    7. 头像

      小陈 回复

      回复了キリト:鼠标移到输入网址的地址栏再按就可以了

                     湖南省张家界市 电信

  4. avatar

    pony Lv.1 回复

    看看吧。

       北京市 电信

    1. avatar

      嬞嘚ツ昣唏 Lv.1 回复

      表情 好羞射,文章真的好赞啊,顶博主!

         浙江省杭州市 阿里云BGP数据中心

      1. avatar

        学习学习 Lv.1 回复

        看看能不能改成jsp的

           吉林省长春市 联通

        1. avatar

          QQ账号错误 Lv.1 回复

          额我终于找到这个了,从你博客第一页开始翻,谢谢博主提供这么多好的东西

             黑龙江省哈尔滨市 电信

          1. avatar

            东方红 Lv.1 回复

            66666666厉害

               安徽省六安市 电信

            00:00 / 00:00
            顺序播放