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

我试图弄清楚如何在淡入的同时向上滑动一些内容（使其进入视野而不是隐藏）

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

---

谁能给我指出正确的方向吗

我制作了一把小提琴，向您展示如何操作

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

---

演示：

如果将“moveUp”函数调用封装在$（document）.ready（函数{moveUp..}）；，是否有效？