【发布时间】：2021-01-18 12:24:52
【问题描述】：
有一个反应页面，我希望 SVG 在页面底部从黑色变为白色。有没有办法我可以在反应中做到这一点？页面底部的 div 容器不是 svg 的父 div。 SVG 是粘性标题的一部分
【问题讨论】：
【发布时间】：2021-01-18 12:24:52
【问题描述】：
要检测用户是否到达页面底部，您可以将事件侦听器附加到滚动事件并比较节点的 scrollHeight、scrollTop 和 clientHeight 属性。 Read answers to a similar question to see exemplary implementations.
【讨论】：
实际上，这与 SVG 本身的反应无关。
我的问题是，您的 SVG 是作为 <img ...> 标记还是内联包含在内。
如果是图片标签，您可以使用过滤器。
但如果您的 SVG 是具有不同颜色的复杂图像，我建议您将其转换为组件并将其用作内联代码。
这样您就可以更好地控制 SVG 发生的事情，然后您只需将 path 或形状的填充修改为 fill: white。
至于当它到达底部时，有不同的选项，您可以检查滚动位置与视口高度的比较，或者如果您想要更具体的内容，您可以使用类似 React Waypoint 的内容。
【讨论】：