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

Question

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

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

消息在 FIFO order, but I need LIFO 中按右上角的顺序显示。

我觉得 css 技巧可以解决问题，但是有人知道正确的方法吗？

Answer 1

无前缀css技巧是

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