Jquery noty，右上角位置，显示更高的新消息（a.k.a LIFO）

Question

客户端应用程序已订阅来自服务器的消息。我使用jquery noty plugin来可视化它们。片段是：

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