我爱资源网 本次为大家分享是的 我爱资源网滚动条显示位置百分比的图文教程

首先打开模板的header.php文件，复制以下代码，粘贴在网页之后，如图。

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");


把js放在尾部文件就行

css代码：
#percentageCounter {
    position:fixed;
    top:0;
    left:0;
    height:3px;
    background-color:#448EF6;
    z-index:99999;
}