根据滚动上的背景颜色更改内容颜色

Question

我正在寻找一种在用户滚动页面时根据背景颜色动态更改内容颜色（覆盖内容）的方法。主要是我只想在黑暗的背景下给内容一个浅色，反之亦然 - 它只需要是黑色或白色。如何使用 JavaScript 来解决这个问题？有什么想法吗？

Answer 1

您可以使用函数 document.elementFromPoint( x, y ) 返回文档在点 (x, y) 处嵌套最深的子级。

您可以使用该函数和计算出的背景元素的样式来检查元素附近某处的元素的背景颜色，该元素会改变颜色。

虽然不完美，但这就是我要开始的地方。