Javascript SVG滚动填充

我试图在页面滚动时改变SVG的填充？ 我已经让它工作，但当窗口的高度被改变时，滚动偏移不能按预期工作

我希望滚动线与填充线匹配

请点击此处：

我认为问题在于这里的计算：

  document.getElementById("SVGID_1_").setAttribute("y1", 93000 + progress * 93000);

有什么想法吗

---

干杯

FYI我从这个jsfiddle获得了一些帮助：我不清楚“我希望滚动线与填充线匹配”是什么意思。你能详细说明一下，或者添加一些图片来说明你的意思吗？谢谢你的回答。基本上，当您向上或向下滚动时，滚动线的高度会发生变化，从而在图像的两种变化之间留下间隙。我将尝试添加一些图像来显示我的意思。如果您将“结果”窗口的高度设置为图像的高度，您将看到所需的滚动效果。但是，如果您将结果窗口设置为大于图像，您将看到滚动条在渐变中有一个递增的间隙。有什么想法吗？