使用notify.js在网站上发布通知

Question

我正在尝试使用bootstrap和notify.js（http://notifyjs.com/）/ jQuery显示全局通知。使用以下代码使通知工作没有问题：

$.notify('successfully logged in','succes');

但是我希望通知显示在引导程序导航栏下方的右上角，换句话说，我希望顶部通知显示在页面顶部下方50px处。

在基类中使用"margin-top":"50px"似乎有效，但第二个通知也显示低50px。

非常感谢任何帮助

Answer 1

我在http://notifyjs.com的例子中玩了一下。所有全局通知都会添加到具有类<div>的容器.notifyjs-corner中。查看源代码，似乎没有选项覆盖此类的默认CSS样式。容器通过向html元素添加内联样式来获取其定位集。覆盖这种情况的一种方法是：例如：

.notifyjs-corner {
    top: 70px !important;
}

另一方面，我认为更好的解决方案是不使用全局通知，而是创建自己的定位元素。例如，创建一个像<div class="notifications">这样的元素，使用您自己的css定位它，并使用$('.notifications').notify('successfully logged in', 'success');

为其添加通知