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

Question

我试图使用bootstrap和notify.js(http://notifyjs.com/)/ jQuery 显示全局通知.使用以下代码使通知工作没有问题:

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

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

使用"margin-top":"50px"在基类似乎工作,但第二个通知也出现50像素较低.

任何帮助是极大的赞赏

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');