Jquery 在不向下推内容的情况下向下滑动div

我有一个例子

我不知道如何使div向下滑动，但保持内容在顶部，就像在div向下滑动时不向下滑动一样

---

你能帮我一下吗？

我把它改成了我认为你想要的东西

首先，将内容移动到您希望位于顶部的内容下方：

<div id="open">
  <a href="#">slide</a>
</div>
<div id="holder">
  <div id="header">
    <h1>TITLE HERE</h1>
  </div>
  <div id="contact">
  </div>
</div>
<div id="slidenav">
....

---

你是说有点像这样吗

如果是，请使用

位置：绝对

。这样，图元的位置不会影响其他图元的位置

编辑：根据您正在尝试的操作，

relative

可能会更好

EDIT2：甚至更好的是，动态使用高度来确定内容移动的距离。这样，您就不会被限制在固定高度

---

我有一个问题要问你，当我使用position:absolute时，它使div不再居中。如何修复？您可以使用

left

定义元素离左侧的距离。e、 g.

左：50px
$(document).ready(function() {
  $('#slidenav').animate({
    marginTop: '-480px'
  }, 200);
  $('#open a').toggle( function(){
    $('#slidenav').animate({
      marginTop: '0'
    }, 500);
  },
  function(){
    $('#slidenav').animate({
      marginTop: '-380px'
    }, 500);
  });
});

$('#slidenav').animate({
    top: '-'+$(this).height()
}, 200);

$('#open a').toggle(
    function(){
        $('#slidenav').animate({
            top: '0'
        }, 500);
    },
    function(){
        $('#slidenav').animate({
            top: '-4'+$(this).height()
        }, 500);
});