秀主题
最近在网上看到一个顶部滚动条显示位置百分比的特效，觉得还不错，于是就按照网上的教程把它做了出来，特此记录一下。
首先找到主题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;
}然后点击保存就可看到效果了，喜欢的朋友试试吧。
评论前必须登录！
注册