如何將Twitter樣式警報條貼到窗口頂部？

Question

有關於如何使漂亮的jQuery的Twitter風格的警報這裏一個極好的代碼示例：

http://blog.codecrate.com/2009/10/twitter-style-alerts-in-rails.html

$(function() { 
    var alert = $('.alert'); 
    if (alert.length > 0) { 
    alert.show().animate({height: alert.outerHeight()}, 200); 

    window.setTimeout(function() { 
     alert.slideUp(); 
    }, 3000); 
    } 
}); 

然而，有一件事是，代碼不包括的功能是要堅持警報的div無論用戶滾動的頁面有多遠，該窗口的頂部。

我找到了一些例子，但是這個現有的代碼似乎沒有什麼好玩的。

任何想法？

Answer 1

您可以使用CSS風格：position: fixed雖然我認爲IE瀏覽器有一些問題（沒有意外..）。

Answer 2

使用position: fixed以及top: 0px。這將始終保持div在頁面的頂部。如果你想要它的右邊或左邊，然後將right: 0px或left: 0px添加到div。