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

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;
}
X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
网页顶部添加滚动条显示页面剩余长度
版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。
本文链接:http://suppore.cn/218.html    百度已收录
正文到此结束

点击下方支持本站

点击支持下贵站吧
点击支持下贵站吧

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

微笑 可爱 憨笑 鼓掌 白眼 发呆 撇嘴 色 得意 吐 抠鼻 可怜 呲牙 惊讶 冷汗 流泪 大哭 发怒 抚摸 傲慢 惊恐 鄙视 疑问 奸笑 抓狂 偷笑 流汗 擦汗 晕 委屈 吓 衰 糗大了 威武 给力 牛逼

评论信息框

火箭正在发射中...

已有15条吐槽

东方红

约 18 小时前 安徽省六安市电信
66666666厉害
 Windows 7 x64   Sogou Explorer

帝都

2016-12-31 22:13 广东省惠州市电信
face 有点看不懂哦,希望下次写的简单易懂一点!
face 好羞射,文章真的好赞啊,顶博主!
 Windows 7 x64   Google Chrome 55.0.2883.87

小陈

2016-12-31 23:09 湖南省张家界市电信
@帝都:搞得有点猛啊
 Windows 10 x64   Google Chrome 55.0.2883.87

与世界背离i

2016-12-29 18:43 江苏省南京市电信
嗯嗯嗯
 Windows 7 x64   Sogou Explorer

神之孤独(

2016-12-27 01:36 重庆市电信
吐槽一下看看怎么样
 Windows 7 x64   Google Chrome 55.0.2883.75

super not

2016-12-23 10:08 陕西省西安市联通
恩恩
 Windows 7 x64   UC浏览器 6.0.1121.13

忆昔

2016-12-03 20:16 河南省焦作市联通
学习下
 Windows 7 x64   Google Chrome 45.0.2454.101

学习下的

2016-12-01 00:58 广东省广州市天河区电信
学习下
 Windows 7 x64   Google Chrome 45.0.2454.101

小明博客

2016-11-27 15:54 湖北省电信
谢谢博主分享
 Windows 7 x64   Sogou Explorer