使 div 向下滑动而不将内容向下推

我有一个例子HERE http://jsfiddle.net/yGZHC/

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

你能帮我解决这个问题吗？

你的意思是类似这样吗？

http://jsfiddle.net/yGZHC/3/ http://jsfiddle.net/yGZHC/3/

如果是这样，请使用position:absolute。这样元素的位置就不会影响其他元素的位置。

编辑：取决于你想要做什么，relative可能更好。

http://jsfiddle.net/yGZHC/5/ http://jsfiddle.net/yGZHC/5/

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

http://jsfiddle.net/yGZHC/7/ http://jsfiddle.net/yGZHC/7/

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

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