画面下部にオーバーハング通知があります

Question

私はoverhangを使用して、ユーザーが自分のウェブサイトにアクセスするたびに通知を表示しています。通知は画面の上から表示され、下にスクロールするとそこに残ります。私は画面の下部に同じ機能が欲しいです。基本的には、通知を画面の一番下に表示するのではなく、下にスクロールしてもそこにとどまるようにしたい。どうやってやるの？次のように

オーバーハングのためのコードは次のとおりです。事前に

$("body").overhang({ 
    custom: true, 
    message: "Upcoming event", 
    closeConfirm: true 
}); 

ありがとう！ overhang.min.cssで

Answer 1

あなたはそれがウィンドウの下部に固定されなければならないbottom:0;でtop:0;を交換する場合は、

.overhang,.overhang-overlay{position:fixed;top:0;left:0;right:0} 

を見つけることができます。あなたはoverhang CSSファイルを変更することができるかどう

Answer 2

ポール答えは動作するはずです。あなたは、ちょうどあなたのカスタムCSSでそのスタイルをオーバーライドすることができない場合は、のようなもの：

body .overhang, 
body .overhang-overlay { 
    top: auto; 
    bottom: 0; 
} 

bodyは、それが不要な!importディレクティブを使用せずにoverhang.cssからスタイルを上書きしますので、ルールをより正確にするために追加されます。