在滚动上更改 SVG 的填充颜色答案

【问题标题】：Changing fill color of SVG on scroll在滚动上更改 SVG 的填充颜色
【发布时间】：2022-02-02 12:27:49
【问题描述】：

我有一个粘性的 SVG，位于从网站顶部到底部延伸的列中。

当滚动到页面向下正好 50% 时，如何更改 SVG 的填充颜色？

当向下滚动页面定义数量的像素时，我可以看到如何使用 javascript 来完成，但我需要页面的百分比。

到目前为止，我会展示我的工作，但到目前为止我完全画了一个空白。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

您可以使用 document.body.clientHeight 属性来获取网页的完整高度（以像素为单位），然后将其乘以 0.5 以获得其总高度的 50%

【讨论】：