notify.jsプラグインを使用して、Webサイトに通知を表示しています。
https://notifyjs.com/
ドキュメントによると、デフォルトで通知は右上隅に表示されると書かれています。 どういうわけか、通知が下部に表示されています。
notify.jsのコードを調べると、bodyの最後にdiv要素が追加されるため、先頭に追加するように変更しましたが、通知はまだ下部に表示されています。
anchor.css(css).addClass(pluginClassName + "-corner");
$("body").append(anchor);
これが起こっている理由は何ですか?デバッグする必要のあるポインタはありますか? 通知に使用しているコードは次のとおりです。
$.notify("Name cannot be empty!","error");
回答:
回答№1は1私が見る限り、プラグインがインスタンス化されると、DOM要素が本文に追加されます:
<div class="notifyjs-corner" style="top: 0px; right: 0px;"></div>
すべての通知は、このDOM要素内で作成されます。
ルールの元の定義 notifyjs-corner 次のとおりです。
.notifyjs-corner {
position: fixed;
margin: 5px;
z-index: 1050;
}
誤ってCSSルールを上書きするかどうかを確認する必要があります。
そのDOM要素を見つけて調べてみてください。
回答№2の場合は1
ページのデフォルト設定を再定義する次のアプローチ:
$.notify.defaults({globalPosition: "top left"})
この場合に役立ちます。