jquery - 使div向下滑动而不向下推内容

Question

我有一个例子HERE

我不确定如何让 div 向下滑动但保持内容在顶部，就像当 div 向下滑动时不向下滑动一样。

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

Answer 1

你是说有点像这样吗？

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

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

编辑:根据您要执行的操作，relative 可能更好。

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

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

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);
});