释放双眼，带上耳机，听听看~！
最近在网上看到一个顶部滚动条显示位置百分比的特效，觉得还不错，于是就按照网上的教程把它做了出来，特此记录一下。
首先找到主题header.php文件，然后找到下面这段代码
<body <?php body_class(b2_get_option('template_top','top_type')); ?>>在下面添加
<div id="percentageCounter"></div>然后把下面的代码加入子主题child.js文件
//加载显示
$(window).scroll(function() {
var a = $(window).scrollTop(),
c = $(document).height(),
b = $(window).height();
scrollPercent = a / (c - b) * 100;
scrollPercent = scrollPercent.toFixed(1);
$("#percentageCounter").css({
width: scrollPercent + "%"
});
}).trigger("scroll");接着把下面的代码加入子主题style.css文件
#percentageCounter {
position:fixed;
left:0;
top:0;
height:3px;
z-index:99999;
background-color:#448EF6;
}然后点击保存就可看到效果了，喜欢的朋友试试吧。
欢迎访问秀主题博客，分享简单实用WP教程声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
