notifyJS：元素通知不堆栈

Question

我想从notifyJS的指定元素（例如页脚div）的顶部我的通知。通知显示出来，但是，如果同时有多个通知，它们不会堆叠。尽管如果我将通知放置在全局浏览器窗口中，它们仍会堆叠。

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

由于我的页脚固定在我的web应用程序的底部，我也用差距要修改的属性定位（如下所述：http://notifyjs.com/），所以它看起来就像它堆叠在页脚div的顶部。然而，它不起作用，差距仍然是一样的。我试了一下这样的：

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

如果我不能堆叠在元素上的通知，我怎么可以使用差距属性proberly所以它至少看起来像其堆放在页脚DIV的顶部？

Answer 1

好的，澄清：通知不会堆叠，因为如果您将它们放置在元素旁边，通知不会堆叠。如果你仔细想想，很明显，大多数人都不想这样做。因此，它为什么只是取代了最后一次通知该特定元素。

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

我定位的通知左下方，然后添加这些样式我的CSS文件：

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

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

通过增加notifyjs角的保证金通知，现在放在我的顶部（固定大小）页脚。此外，通过添加99％的宽度，它的几乎全尺寸在我的页面宽度上。最后，我添加了文本对齐以使通知文本居中。