notifyJS：元素通知不会堆叠

Question

我想在指定元素（例如页脚div）之上通知notifyJS。通知显示，但是，如果同时有多个通知，它们不会堆叠。虽然如果我将通知定位到全局浏览器窗口，它们会堆叠。

参见jsfiddle： http://jsfiddle.net/o59jrfh6/1/

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

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

如果我无法在元素上堆叠通知，我怎样才能在proberly中使用 gap 属性，所以它至少看起来像堆叠在页脚div上面？

Answer 1

好的，澄清一下：通知没有堆叠，因为如果你把它们放在一个元素旁边就不打算这样做。如果你仔细想想，很明显大多数人都不希望如此。这就是为什么它只是替换该特定元素的最后一个通知。

然而，间隙属性仍然不起作用。所以我在style.css中添加了自定义css样式，它修改了通知的行为。

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

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

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

通过增加notifyjs-corner的边距，通知现在放在我的（固定大小）页脚的顶部。另外，通过添加99％的宽度，它几乎全尺寸超过我的页面宽度。最后，我添加了text-align以使通知文本居中。