使用jNotify插件進行jquery

Question

我當前正在使用jNotify來顯示我的通知。 問題在於所有通知似乎都在網站上浮動，而不是將網站下推。 我看了上面的鏈接，可以看到一個選項：

classContainer: "jnotify-container"       // className to use for the outer most container--this is where all the 

我如何利用此通知，並在顯示通知時將其壓低網站內容？

Answer 1

那只是應用於容器元素的類名。 該元素的外觀完全由CSS決定。

知道了類名，您可以編寫任何喜歡的CSS規則。 使通知浮動在網站頂部的規則是position: fixed; 並將其更改為position: static; （ position的默認值）將解決“在網站頂部浮動”問題。

但是，您將會遇到更大的問題。 jNotify的樣式浮動在網站頂部的原因是，它確保通知始終可見。 如果我在頁面的中部向下滾動，而您的通知靜態地位於頂部， 則看不到它！

Answer 2

jNotify的classContainer部分似乎已損壞，因為它們實際上並未使用該屬性。

我能看到的最快的解決方法是執行以下操作：

1. 打開jquery.jnotify.js
2. 找到第130行並將“ appendTo”更改為“ prependTo”

3. 在jquery.jnotify.css中，在第2、3和4行中刪除以下內容：

   位置：固定;

   頂部：0;

   左：0;