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

首先打开模板的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;
}