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