当另一个 div 重叠时在 div 上应用样式答案

【问题标题】：Apply styles on div when another div overlaps当另一个 div 重叠时在 div 上应用样式
【发布时间】：2017-01-13 11:03:20
【问题描述】：

我有两个 div。 Div1 和 Div2。 Div1 是一个带有 z-index 的固定 div，Div2 是可移动的。

当Div2 移动到它下面时，我想做的是改变Div1 的颜色。

如何检测 Div2 是否与 Div1 重叠以应用这些样式？

我宁愿不使用 jQuery。我正在使用 Angular 2 - Rc4。它适用于移动应用程序。

【问题讨论】：

【解决方案1】：

在通过 getBoundingClientRect() 获取 div1 和 div2 的详细信息后，您可以使用以下内容：

var 重叠 = !(div1 .right div2 .right || div1 .bottom div2 .bottom)

【讨论】：