我爱资源网 - 网络教程 - 我爱资源网滚动条显示位置百分比的图文教程
本文作者:我爱资源网

我爱资源网滚动条显示位置百分比的图文教程

本文有294个文字,大小约为1KB,预计阅读时间1分钟

【摘要】 首先打开模板的header.php文件,复制以下代码,粘贴在网页之后,如图。JS代码: //加载显示 $(window)......

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




文章版权及转载声明

作者:我爱资源网本文地址:https://www.wizyw.com/html/2075.html发布于04月29日 01:41
文章转载或复制请以超链接形式并注明出处我爱资源网

评论