notifyJS：元素通知不堆叠

Question

我希望在指定元素（例如页脚 div）顶部收到来自 notifyJS 的通知。通知会显示，但是，如果同时有多个通知，它们不会叠加。尽管如果我将通知定位到全局浏览器 window，它们会堆叠。

由于我的页脚固定在我的 webapp 的底部，我还可以使用 gap 属性来修改定位（此处描述：http://notifyjs.com/），所以它看起来像是堆叠在页脚 div 的顶部。但是，它不起作用，差距仍然存在。我这样试过：

$('.footer').notify("There was an error", { position: 'top center', className: 'error', gap: 10 });

如果我无法在元素上堆叠通知，我如何谨慎地使用 gap 属性，使其至少看起来像堆叠在页脚之上 div?

Answer 1

好的，澄清一下：通知不会堆叠，因为如果将它们放在元素旁边，则不会这样做。如果您考虑一下，很明显大多数人不希望这样。因此，为什么它只是替换了该特定元素上的最后一个通知。

但是gap属性还是没有用。所以我只是在我的 style.css 中添加了自定义 css 样式，它修改了通知的行为。

我将通知放在左下角，然后将这些样式添加到我的css 文件中：

.notifyjs-corner {
    width: 99% !important;
    margin: 17px !important;
}

.notifyjs-bootstrap-base {
    text-align: center !important;
}

通过增加 notifyjs-corner 的边距，通知现在位于我的（固定大小）页脚的顶部。此外，通过添加 99% 的宽度，它几乎是我页面宽度的全尺寸。最后，我添加了文本对齐以使通知文本居中。

notifyJS: Element notifications do not stack