Javascript 如何创建向上滑动的消息

如何创建向上滑动的消息，如下图所示

创建新邮件时，旧邮件将向上滑动。我试着使用slideup，但它对我不起作用

而那些属于那里的信息，用按钮关闭后在角落里 我只是想知道如何使它们滑动，关闭消息

<div id="Message"></div>
   <button id="button">add message</button>

    <script type="text/javascript" >
        $("#button").click(function(){
          $("#Message").append('<div>messages</div>').slideUp('slow');
        });
    </script>

添加消息
$（“#按钮”）。单击（函数（）{
$（“#Message”）.append（'messages'）.slideUp（'slow'）；
});

试试这个：

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

    $( "#Message" ).animate({ scrollTop: $( this ).height () }, 1000 );

});

---

但这样做只会在发送消息时向上推送消息，若消息框中有其他通知，如用户是活动通知，该怎么办？您需要有一些东西来检查消息div中是否有任何更改，然后将其向上推。

一般来说，当您试图开发一些在现实世界中已经存在的功能时，最好先检查是否已经存在一个jQuery插件或库来满足您的要求

---

试一试。

我已经尝试过使用该代码，但是，我不工作，或者我没有设法使其工作。谢谢你的回答。我认为，我必须考虑你的建议来核实是否有消息来移动它，我只是不知道如何实现它，在我看来，我必须学习一点，找到一个解决办法感谢它，我简单的科迪森演示滚动，从来没有这么容易：D[]谢谢你，我想，通过这个链接，你可以给我一个如何实现它的想法，我感谢你的帮助，如果我有好的代码，我会发布它，让更多的人看到，可以从中受益。感谢事实，如果有插件可以做到这一点，但现在我想知道如何做那种动画。有些人不知道如何实现这些插件，并仔细考虑，这很容易，所以他们可以在这里看到代码，看看它们是如何工作的，并帮助其他人学习事物是如何工作的。谢谢你的回答。