从下面移动内容停止jQuery下滑效果？

Question

我有4个标签＆＃39;在我的页面顶部，单击时，向下滑动以使用jQuery向下滑动功能显示隐藏的div。问题是我不想要4个静态标签＆＃39;受此影响。我希望他们保持同样的立场。当隐藏的div显露出来时，我似乎无法阻止他们向下移动。

这是我的代码的JSFiddle：https://jsfiddle.net/k6nzyrhm/

这是静态标签的CSS：

.static {
    width: 160px;
    height: 120px;
    float: left;
    text-align: center;
    margin: 250px 35px 0 35px;
}

请有人知道如何停止4个静态标签＆＃39;在显示隐藏的div时向下移动。谢谢。

Answer 1

在position: absolute上使用.content。绝对定位的元素不会推动其余的内容。

.content {
    height: 0px;
    width: 880px;
    margin-left: 20px;
    overflow: hidden;
    background-color: #e62d67;

    /* properties added */
    position: absolute;
    top: 240px;
}

请参阅 Example 。