HTML / CSS / JS固定位置div不固定

Question

基本上，我正在编码一个网站，并且想要实现一个JQuery进度条，我可以使它完美地出现在我的网站中，但是如果我开始滚动position:fixed; 位置跳到我页面的下一页1/7处，因此，在向下滚动7次滚动之后，它已将页面从底部移到底部，当我将相同的CSS应用于该对象上使用的图像时，该图像行为正常。

另外，如果我向上滚动到顶部，进度栏将永远无法到达其最初开始的位置。

这是一个jsfiddle 。

HTML

<div id="progressbar"></div>

CSS

#progressbar {
position: fixed;
top:0;
left:0;
z-index:999;
width:100%;
height:20px;
}

我的代码中有一个小提琴，但是jQuery脚本似乎没有出现，并且我还没有使用足够的小提琴来使其正确显示，因此，如果这是我想念的基本内容，那如果也可以指出，那就太棒了。

Answer 1

您的进度栏未回到同一位置的原因是：

if (scroll <= 28) {
    progressbar.style.top = "30px";
}

您告诉它，一旦滚动，如果距顶部的距离小于28px，则它从0开始应距顶部的距离为30px。即使您通过向下滚动1px开始，它也会跳至30px。