• 欢迎访问 流觞·曲水,WordPress教程,技术,分享,天文,古风,软件···
  • 推荐使用Firefox浏览器或Chrome浏览器访问本网站
  • 欢迎来到流觞·曲水O(∩_∩)O~~
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏流觞·曲水

顶部出现滚动条显示页面剩余长度

顶部出现滚动条显示页面剩余长度
在一日看到了这个让我眼前一亮的效果。因为我现在配置了顶部加载进度条,所以暂时是用不上了 。先收藏一下,做个备忘~

先引入js(加在主题footer的前)

<script src="https://archive.ls12.me/wp-content/uploads/topload.js"></script>

再引入HTML代码(加在上一段代码后面就可以了)

<div id="load"></div>

CSS

#load {
    background-color: #2299dd;
    height: 2px;
    width: 0px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
}
戳我看代码演示
流觞·曲水 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明顶部出现滚动条显示页面剩余长度
喜欢 (7)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 我原来把加载条放在底部,滚动条放在了顶部
    千千2016-08-31 21:33 回复 Windows 10 | Firefox浏览器 50.0
    • 我比较喜欢将加载条放在顶部,因为比较明显。而滚动条,我用stylish直接改了全局的滚动条样式,也很漂亮的~
      一曲长歌辞烟雨2016-08-31 21:37 回复 Windows 10 | Firefox浏览器 48.0
      • 咦,没有找到我的链接唉
        千千2016-08-31 21:38 回复 Windows 10 | Firefox浏览器 50.0