Notify Js mit Benachrichtigung unten

Question

Ich benutze das notify.js Plugin, um Benachrichtigungen auf meiner Website anzuzeigen.

https://notifyjs.com/ 

Laut der Dokumentation heißt es standardmäßig die Benachrichtigung wird in der oberen rechten Ecke angezeigt. Irgendwie wird die Benachrichtigung unten angezeigt.

Beim Durchlaufen des Codes in notify.js Anhängen der div-Element am Ende des Körpers.So habe ich es in Prepend geändert, aber die Benachrichtigung wird immer noch am unteren Rand angezeigt.

anchor.css(css).addClass(pluginClassName + "-corner"); 
$("body").append(anchor); 

Gibt es einen Grund, warum das passiert? Irgendwelche Zeiger, wo ich debuggen sollte? Der Code, den ich benachrichtigen bin mit ist:

$.notify("Name cannot be empty!","error"); 

Answer 1

Was konnte ich sehen, wenn das Plugin ein DOM-Element instanziiert wird, wird an den Körper angehängt:

<div class="notifyjs-corner" style="top: 0px; right: 0px;"></div> 

Alle Meldungen innerhalb dieser erstellt werden DOM-Element

Die ursprüngliche Definition für die Regel notifyjs-Ecke ist:

.notifyjs-corner { 
    position: fixed; 
    margin: 5px; 
    z-index: 1050; 
} 

Sie durch Zufall überprüfen sollten, können Sie die CSS-Regel überschreiben.

Versuchen Sie, dieses DOM-Element zu finden und zu prüfen.

Answer 2

Der folgende Ansatz neu zu definieren, die Standardeinstellungen für Seite:

$.notify.defaults({globalPosition: 'top left'}) 

in diesem Fall helfen können.