【问题标题】:Change content color depending on background color on scroll根据滚动上的背景颜色更改内容颜色
【发布时间】:2014-08-17 03:23:56
【问题描述】:

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

【问题讨论】:

标签: javascript scroll overlay background-color


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 2020-10-11
    • 1970-01-01
    • 2016-06-02
    • 2019-06-20
    • 2013-09-03
    • 2022-10-18
    • 2021-09-03
    • 2013-09-07
    相关资源
    最近更新 更多