如何将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。