нотификации-уведомления

496

24 ноября 2016, 10:26

взял для решения notify.js и у меня проблема добавления уведомлений в ВИДИМОЙ области окна браузера, то есть я хочу вывести уведомление в левом нижнем углу окна (хотя ещё есть скролл ниже) либо в правом верхнем углу. Ещё раз как по координатам вывести уведомление поверх моего body в видимой части окна? Спасибо.

На данный момент выводится уведомление в теле body и соответственно в самом низу блоков :(

$('body').notify(
  "Notification, Success", 
  { position:"left-bottom" }
);

https://notifyjs.com/ Notification API

Notification API использовать не хочется по причине того что пользователь может проигнорировать выбор включить или отключить уведомление на сайте. Поэтому подобие notify.js практичнее.

Answer 1

Как я понял, позиция указывается через пробел

 { position:"left bottom" }

Так-же неправильно то, что вы вызываете функцию из body, нужно так:

$.notify( "Notification", 
  { position:"left bottom" }
);

Тип нотификейшона тоже указан неверно, для него нужны отдельные кавычки:

$.notify( "Notification", "success",
  { position:"left bottom" }
);

Answer 2

Методом проб и ошибок добился ПОЧТИ желаемого эффекта:

$('body').notify( "Notification, Success", 
       { position:"left-bottom" 
}).offset({top: 0, left 1000});

Т.е. отображение будет ПОВЕРХ и не зависимо от скролла, т.е. будет всегда по координатам выше справа вверху. Какие ещё есть способы решения, т.к. этот способ не очень мне нравится, но хотя бы работает. И ещё при таком способе возникает ошибка мол offset is not a function :(