javascript - 如果 .div.fixed :active then add border to main div (how to? )

Question

大声笑，这个标题甚至让我有些困惑 xD 抱歉。

我有一个固定元素 div，一旦你滚动它，它就会跟随，简单没问题。现在，一旦 div.class 被 javascript 激活，我想向 .div 添加一个简单的边框。

这是一个例子:http://jsfiddle.net/2ds2y/

一旦 .main.fixed 被激活，我想添加 border-bottom: 2px solid #ddd; 到 .main div。我一直在阅读，但无法完成这项工作，我尝试了以下方法。

.main.fixed:active ~ .main {
    border-bottom: 2px solid #ddd;
}

Answer 1

只需将边框规则添加到您的 CSS 固定类:

.main.fixed {
    position:fixed;
    top:0;
    border-bottom: 2px solid red;
}

jsFiddle example

当类被应用并且div被固定时，边框将被添加。