2016-09-06 39 views
1

我有两个div。 Div1Div2Div1是一个带z-index的固定格,Div2是可移动的。另一个div重叠时在div上应用样式

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

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

我宁可不使用jQuery。我正在使用Angular 2 - Rc4。这是一个移动应用程序。

+1

把一些代码。 – Noman

回答

1

您可以通过获取getBoundingClientRect()检索DIV1的细节和DIV2后,使用类似如下:

VAR重叠=(DIV1 .right < DIV2。左|| DIV1。左> DIV2!右|| DIV1 .bottom < DIV2 .TOP || DIV1 .TOP> DIV2 .bottom)