javascript - Jquery noty、右上の位置、新しいメッセージをより高い位置に表示 (別名 LIFO)

Question

クライアント アプリは、サーバーからのメッセージをサブスクライブします。jquery noty プラグインを使用してそれらを視覚化します。スニペットは次のとおりです。

noty({
    text: 'Message text',
    layout: "topRight"
});

メッセージはFIFO順で右上に表示されますが、LIFOが必要です。

問題を解決するためのcssトリックが存在すると思いますが、正しい方法を知っている人はいますか?

Answer 1

接頭辞のないcssトリックは

ul[id^='noty_'] { 
    display: flex; 
    flex-direction: column-reverse; 
}
ul[id^='noty_'] > li { 
    flex: 0 0 auto; 
}