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

  • 内容
  • 相关

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;
}
网页顶部添加滚动条显示页面剩余长度
         本页正文内容约560个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/218.html   百度未收录

发表评论

电子邮件地址不会被公开, 推荐使用QQ快速评论!

评论

112条评论
  1. avatar

    灵梦 Lv.2 Chrome 66.0.3359.139 Chrome 66.0.3359.139 Windows Windows 回复

    表情 写得好好哟,我要给你生猴子!

    河南省郑州市 电信

    1. avatar

      基础比克 Lv.1 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows 7 Windows 7 回复

      收了

      海南省海口市 电信

      1. avatar

        花花牛资源网 Lv.1 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        用了

        河南省郑州市 移动

        1. avatar

          Lv.1 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows 7 x64 Edition Windows 7 x64 Edition 回复

          收了

          广东省汕头市 电信

          1. avatar

            雪儿 Lv.1 Chrome 65.0.3325.181 Chrome 65.0.3325.181 Windows Windows 回复

            得好好哟,文章大气磅礴,高山流水,有古人之风!

            山东省临沂市 联通

            1. avatar

              七月 Lv.1 Firefox 59.0 Firefox 59.0 Windows 7 Windows 7 回复

              表情 写得好好哟,文章大气磅礴,高山流水,有古人之风!!

              山东省烟台市 联通

              1. avatar

                腾讯视 Lv.6 zBrowser 6.6.403 zBrowser 6.6.403 Android 7.0 Android 7.0 回复

                嗯嗯嗯拿走

                河南省开封市 联通

                1. avatar

                  忘掉,忘不掉 Lv.1 Chrome 64.0.3282.140 Chrome 64.0.3282.140 Windows Windows 回复

                  表情 骚年,我怀疑你写了一篇假的文章!

                  广东省惠州市 电信

                  00:00 / 00:00
                  顺序播放