如何从10％（而不是0）开始滚动进度条？

debugcn 发表于 Dev

艾尔莎

我设法实现了一个滚动进度条，该滚动条工作正常（从w3schools复制了一个）。我的问题是，在用户开始滚动之前，我希望进度条不是从0开始，而是从10％（宽度）开始。最初看起来不错，但开始滚动后，它会重置为0，向上滚动时，它会滚动回到值0。

这是一个摆弄我的意思的小提琴：https : //jsfiddle.net/z3s4hqvj/

另外，这是我的代码：

  window.onscroll = function() {myFunction()};

  function myFunction() {
    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (winScroll / height) * 96;
    document.getElementById("myBar").style.width = scrolled + "%";
  };

亚伦

试试这个小调整。

 window.onscroll = function() {myFunction()};

function myFunction() {
    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (winScroll / height) * 96;
    if(scrolled>10){
   		document.getElementById("myBar").style.width = scrolled + "%";
    }
};

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。