滑动联系人表单，具有使用jQuery UI保持页面内容向下滑动的推式效果

我使用以下命令使用jQuery向下滑动联系人表单：

$("#panel").slideDown(1000);

这里发生的事情是，页面的其余内容向下滑动以容纳联系人表单，这正是我想要的，但不是将联系人表单“推”到页面上，这样表单的底部首先显示，它“显示”表单，以便顶部先显示。我想要“推送”效果，从这里的搜索来看，包括jQueryUI和下面的内容就可以了

$("#panel").show("slide", { direction: "up" }, 1000);

确实如此。但是，现在页面的其余内容不会随表单一起向下滑动，而是突然跳到正确的位置以适应表单

如何实现这两种效果，即向下“推”表单和向下滑动页面内容

HTML

<div id="panel">

<div id="contact-form">

*FORM*

</div></div>

---

这是不可能的。要获得想要的效果，唯一的方法是用不透明的div覆盖表单，然后单击某个按钮（或任何事件处理程序）将其向上滑动，使其看起来好像表单的底部首先出现，然后一直到顶部。因为在这种情况下表单已经就位，所以剩余的内容不能向上滑动。您的“面板”的CSS和HTML是什么？面板DIV包含一个“联系人”表单DIV，其中包含表单布局的大部分CSS。我在上面添加了相关的HTML和CSS。

#panel {
    display:none;
}

#contact-form {
    width: 840px;
    height:auto;
    position:relative;
    left:50%;
    margin-left:-420px;
}