3

次のコードがあります

html

<div class="checker">
</div>
<div class="red boxes">
</div>
<div class="green boxes">
</div>
<div class="blue boxes">
</div>

CSS

.checker {
    width: 100px;
    height: 100px;
    border: 1px solid black; 
    position: fixed;
    top: 0;

}
.boxes {
    margin-top: 300px;
    width: 600px;
    height: 600px;
}
.red {
    background: red;
}
.green {
    background: green;
}
.blue {
    background: blue;
}

クラス「.checker」の背景色を「.boxes」の背景色に変更するにはどうすればよいですか?

例: .class red が class=".red .checker" の下端に達すると、クラス ".checker" の背景色が赤に変わります。など。これを行う方法がわかりません。私を助けてください。

jsfiddle

4

3 に答える 3

1

http://jsfiddle.net/98sAG のようなものを求めていますか。衝突が発生している間にそれをトリガーしたい場合は、jQ 衝突 API を使用できます。

于 2013-06-24T17:32:37.080 に答える
0

たぶん、このコードが役立つでしょう：兄弟要素が重複するときを効率的に検出します。

おそらくコードを単純化して、垂直位置のみをチェックすることができます。

于 2013-06-24T17:35:06.303 に答える