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

Question

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

Answer 1

您可以使用函数document.elementFromPoint（ x，y ）返回点（x，y）处文档中嵌套最深的子项。

您可以使用该函数以及背景上元素的计算样式检查元素附近某处的元素的背景颜色。

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