Question

我想在每个.red div下面修复.black。如果.red位置发生变化，我想更改.black div的顶部位置。这可能在CSS吗？任何JS解决方案都非常赞赏。

HTML

<div class="red">red</div>
<div class="black">black</div>

<div class="red1">red1</div>
<div class="black1">black1</div>

<div class="red2">red2</div>
<div class="black2">black2</div>

<div class="red3">red3</div>
<div class="black3">black3</div>

CSS

div {
    position:fixed;
}
}
.red
{
    top: 40px;
}

.red1
{
    top:80px;
}
.red2
{
    top:140px;
}
.red3
{
    top:200px;
}

Answer 1

为什么不把这两个div放在这样的新div中：

<div class="wrap">
    <div class="red">red</div>
    <div class="black">black</div>
</div>

而不是重新定位'红色'，你重新定位整个这个包裹div，这样你的两个div'红色'和＆amp; “黑色”总是一个在另一个之下。

Answer 2

这可能会对您有所帮助。

$("div.red").on("change",function(e){
  var position = $(this).position();
  $("div.black").css({"position": position.top + 40});
});

如何使用css动态修复top

2 个答案: