2016-09-06 69 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)