위로 슬라이딩 메시지를 만드는 방법

Question

위로 이동하는 슬라이딩 메시지를 만들려면 어떻게해야합니까? example?

새 메시지를 만들 때 이전 메시지가 슬라이드 업됩니다. 나는 슬라이드 업과 함께 노력했지만 그것은 나를 위해 작동하지 않습니다.

그리고 거기에 속하지는 후 모서리에있는 버튼들과 긴밀한에 대한 메시지는 내가 메시지를 닫습니다, 그들 슬라이드를 만드는 방법을 알고 단지 관심

<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> 

Answer 1

이 시도 :

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

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

}); 

그러나 이렇게하면 메시지를 보낼 때 메시지가 위로 올라와야합니다. 사용자가 알림 메시지 상자에 다른 알림이 있으면 어떻게해야합니까? Message div의 변경 사항이 있는지 확인한 다음이를 밀어 올리는 무언가가 필요합니다.

Answer 2

일반적으로 현실 세계의 일부 용량에 이미 존재하는 것을 개발하려고 할 때, 요구하는 것을 수행하는 jQuery 플러그인 또는 라이브러리가 이미 존재하는지 먼저 확인하는 것이 좋습니다.

https://jqueryhouse.com/jquery-chat-plugins/

다음 샷주십시오.