我喜欢 stackoverflow 中使用的通知栏。我找到了一个 jQuery 插件，它只需要几行就可以实现通知栏，但是这个插件似乎没有在需要时堆叠多个通知栏。
有谁知道更好的插件或如何让下面的插件在更多通知可用时堆叠栏？
最佳答案
...
<body>
<div id="notificationArea"></div>
<!-- rest of your website -->
</body>
</html>
然后要创建通知，只需在 jquery 中执行此操作:
$('#notificationArea').prepend('<div class="notification">This is my notification</div>');
它有点基础，但这应该可以解决问题，并且因为您是“前置”，所以您将获得您正在寻找的堆叠。您也可以使用 append()，但我假设您希望将最新的通知放在顶部。
要获得“X”(关闭)按钮，只需在通知中添加一个类为 notifcationClose 的链接，然后执行以下操作:
$('.notificationClose').click(function(){ $('this').parents('.notification').remove(); })
关于javascript - 堆叠通知栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3880777/