Jquery将内容从div的底部向上滑动到视图中

Question

我试图找出如何向上滑动某些内容（将其隐藏起来而不隐藏它），同时也逐渐消失。

我似乎无法找到关于如何做到这一点的任何信息，但我知道这是可能的，因为我已经看到了一些网站滑块这样做。

有人能指出我正确的方向吗？

Answer 1

我创造了一个小提琴，告诉你如何做到这一点。

function moveUp(container, object, speed) {
    var speed = 1000 || speed;

    container.css("position", "relative");
    object.css("position", "absolute");
    object.css("top", container.height() + "px");
    object.css("opacity", "0");

    object.animate({
        top: 0,
        opacity: 1
    }, speed);
}

moveUp($("#container"), $("#content"));

DEMO：http://jsfiddle.net/2HcrN/