Javascript DIV定位

Question

我正在處理一些JS以顯示Twitter-eque錯誤/成功橫幅。我希望橫幅在瀏覽器（FF，Chrome，Safari）的頂部可見（包括用戶是否決定在其他地方滾動）。但我無法弄清楚解決方案。

我遇到的另一個問題是jQuery沒有將傳入的消息追加到我正在使用的所有這些#alert div中。

var alertBanner = function(msg){ 
    var $alert = $('#alert'); 
    if($alert.length) { 
     $('#alert').empty(); 
     $(msg).appendTo('#alert'); 
     var alerttimer = window.setTimeout(function() { 
      $alert.trigger('click'); 
     }, 3000); 
     $alert.animate({height: $alert.css('line-height') || '50px'}, 200) 
     .click(function() { 
      window.clearTimeout(alerttimer); 
      $alert.animate({height: '0'}, 200); 
     }); 
    } 
} 

Answer 1

對於頂欄使用這個CSS：

#alert{ 
position:fixed; 
top:0px; 
left:0px; 
width:100%; 
height:50px; 
padding:5px; 
} 

現在創建一個div這樣給它的ID alert：

<div id="alert">I am a top bar !!</div> 

的jQuery：

相反的：

$(msg).appendTo('#alert'); 

用途：

$('#alert').html(msg); 

或者使用text支持純文本消息。

更多信息：

• http://api.jquery.com/html/