PNotify

4-beta

About PNotify

PNotify provides desktop notifications based on the
Web Notifications spec.
If desktop notifications are not available or not allowed, PNotify will
fall back to displaying the notice as a regular, in-browser notice.

Mobile Ready

PNotify works on your phone and tablet. You can swipe notices away
to dismiss them.

Unobtrusive

PNotify can provide non-blocking notices that allow
the user to click elements underneath the notice.

Stack Contexts

By default, a stack will place its notices underneath the body node. You can also specify a context for your notices to be placed in.
Modal:

Stack Context

I'm the stack context where notices will be
placed. I'm position: relative, so the notices
will be positioned relative to me. My overflow
is set to auto, so the notices won't show beyond
my borders.

You can't just pass an
object literal as a stack if you want multiple notices. You need to
create a new variable and pass that. This is because PNotify will use
that object to store the notices that go into it.