2

PNotify 通知の初期位置を調整しようとしています。画像でわかるように、通知によって検索バーがブロックされます。検索バーをブロックしないように、通知の最初の位置を約 50px 下げたいと思います。

私はこの問題を長い間グーグルで検索してきましたが、結果はありません:

私はもう試した：

  1. を追加して通知の CSS を変更するmargin-top: 50px

  2. ドキュメントの下に初期位置を変更するためのカスタム クラスがありますが、それらはすべてstack_bar_topまたはのようなカスタム定義のクラスstack_bar_bottomでした。これらの値を自分で調整したいと思います。

  3. Githubページのこの回答ですが、no such class as pnotify.cssエラーがスローされました

ここに画像の説明を入力

これは、現時点での PNotify の私のコードです。

    function notification(text, type) {
        new PNotify({
            text: text,
            type: type,
            animation: 'slide',
            delay: 3000,
            top:"500px",
            min_height: "16px",
            animate_speed: 400,
            text_escape: true,
            nonblock: {
                nonblock: true,
                nonblock_opacity: .1
            },
            buttons: {
                show_on_nonblock: true
            },
            before_open: function(PNotify){
                PNotify.css({
                    "top":"50px"
                });
            }
        });
    }

CSSを調べたところui-pnotify、ポジショニングを担当しているようです。デフォルトは ですtop: 25px。

CSS で新しいクラスを作成し、次のように呼び出しました。

.ui-pnotify {
  top: 50px;
}

しかし、うまくいかないようでした。

4

2 に答える 2