notifyJS: Уведомления элементов не складываются

Question

Я хотел бы получать уведомления от notifyJS поверх указанного элемента (например, нижнего колонтитула). Уведомления появляются, но, тем не менее, они не складываются, если одновременно имеется несколько уведомлений. Хотя, если я помещаю уведомления в глобальное окно браузера, они выполняют стек.

Смотрите jsfiddle: http://jsfiddle.net/o59jrfh6/1/

Как мой сноска крепится к нижней части моего веб-приложение, я мог бы также использовать пробел атрибут изменить позиционирование (как описано здесь: http://notifyjs.com/), так что это выглядит как он складывается поверх нижнего колонтитула. Однако это не работает, разрыв остается прежним. Я пробовал так:

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

Если я не могу складывать уведомления на элемент, как я могу использовать пробел атрибут proberly так он, по крайней мере выглядеть его укладывают на верхней части колонтитула DIV?

Answer 1

ОК, для уточнения: уведомления не складываются, поскольку они не предназначены для этого, если вы разместите их рядом с элементом. Если вы думаете об этом, очевидно, что большинство людей этого не хотят. Таким образом, почему он просто заменяет последнее уведомление на этот конкретный элемент.

Однако атрибут gap все еще не работает. Поэтому я просто добавил пользовательские стили CSS в свой style.css, который изменяет поведение уведомлений.

я расположил уведомления нижнем левом, а затем добавили эти стили к моему CSS файл:

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

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

Увеличивая окраину notifyjs-углу уведомления теперь находится на верхней части моего (фиксированный размер). Кроме того, добавив ширину 99%, ее почти полный размер по ширине моей страницы. Наконец, я добавил text-align, чтобы текст уведомления был центрирован.