如何創建滑動消息

-1

當你創建一條新消息時，舊消息會向上滑動。我試圖用滑動，但它不適合我。

這屬於那裏，後密切與按鈕，在角落裏的消息，我只是想知道如何使它們滑動，收郵件

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

來源

2017-10-29 encoded today

試試這個：

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

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

});

但是這樣做只會在您發送消息時向上推動消息，如果在消息框中有其他通知（如用戶是活動通知）會怎樣？你需要有一些東西來檢查Message div中是否有任何改變，然後推送它。

來源

2017-10-29 03:02:06 lambda

我已經嘗試了代碼，但是，我不工作，或者我沒有設法使它工作。感謝這個答案。我認爲我必須考慮您的建議，以驗證是否有消息將其移動起來，我只是不知道如何實現它在我看來，我必須研究一點才能找到解決方案謝謝 –

試試吧，我簡單的codepen去實現滾動從未如此簡單：D [https://codepen.io/ShadowLegend/pen/QOWZRP] – lambda

謝謝，我認爲通過這個鏈接，你可以給我一個想法如何實現它，我很感激幫助，如果我的代碼好，我會發布它，讓更多的人看到並可以從中受益。謝謝 –

通常，當您嘗試開發一些在現實世界中已經存在的某些功能時，最好先檢查是否已經存在一個jQuery插件或庫，它可以滿足您的要求。

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

給這些一槍。

來源

2017-10-29 03:36:28 Pedro

事實上，如果有插件，但現在我想知道如何做那種動畫。有些人不知道如何實現這些插件，並認爲它很難，因此他們可以在這裏看到代碼，看看它們是如何工作的，並幫助其他人學習如何工作。感謝您的回答。 –

如何創建滑動消息

回答

相關問題