在jquery中向下滚动元素

【问题标题】：scroll elements down in jquery在jquery中向下滚动元素
【发布时间】：2009-07-02 14:58:27
【问题描述】：

我正在构建一个基本论坛，其中每个帖子都包含一个名称、一条消息和一个日期。该论坛是用 PHP 编写的，并使用 AJAX 进行更新以即时加载新帖子。当有新帖子出现时，我希望旧帖子能够很好地放松（就像 facebook 今天你有新更新时所做的那样）并为新帖子腾出空间。谁能给我指出如何做这样的事情的方向？

【问题讨论】：

你想知道哪一部分？ AJAX 部分还是滑下部分？

标签： php jquery

【解决方案1】：

这是一个非常愚蠢的例子，但是......

假设你有一个带有按钮id="foo"的页面

还有一个样式表：.bar{display: none;}

那么这个js：

$("#foo").click(function(){

        $(this).before("<div class='bar'><p>HELLO!</p><br /><p>WORLD!</p><div>");
        $(".bar:first").slideDown("slow");

});

这应该会产生您想要的效果。

【讨论】：

如果这没有帮助，请告诉我。