在jquery中向下滚动元素

Question

我正在建立一个基本论坛，其中每个帖子都包含姓名，消息和日期。 该论坛是用PHP编写的，并使用AJAX进行更新，以便即时加载新帖子。 当新帖发布时，我希望旧帖可以很好地缓解（就像今天有新的更新时的Facebook一样）并为新帖子腾出空间。 任何人都可以指出我如何去做这样的事情吗？

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

});

这应该会产生你正在寻找的效果。