jQueryフリーズされた通知バー付きのDIvヘッダー

Question

ウェブサイトのヘッダーとして機能しているフリーズ・ディビジョン（cssの位置：固定;プロパティを使用してフリーズ）があります。 divの直後（またはdivの下）は、Webページの本文または残りの部分です。

通知バーには、このjQueryのはJavascript setInterval機能により、すべての24秒を実行します

jQuery ($bar).fadeIn(6000).delay(4900).fadeOut(); 

を使用してフェードインします。

私の問題は、フリーズされたdivの下にあるコンテンツが、パディングトップ：36pxに設定されていることです。この問題は、通知divが薄れている場合に発生します。これが発生すると、高さが（技術的に）変更され、ヘッダーの内容が本文上に表示されます。どのように私は体を下に移動させる、または覆われないようにするのですか？

Answer 1

冷凍のdivのためbodyタグの前に使用jQueryのPrepend()方法

私の例を参照してください：http://jsfiddle.net/uday99/XYJBy/

Answer 2

document.getElementById('bodyID').style.marginTop = height-of-header+'px'; 

次にバーがフェードインする場合：あなたは常に

document.getElementById('bodyID').style.marginTop = whatever-it-needs-to-be+'px'; 

Answer 3

ができrelativeを使用してください。absolute positイオン化;あなたの体の内容は、あなたの体の内容relativeのpositionを作り、あなたのCSSに続いて36px

<div id="header"> 
    <!-- 
    * Site banner 
    --> 
</div> 
<div id="body_wrapper"> 
    <div id="body_content"> 
     <!-- 
     * Page content 
     --> 
    </div> 
</div> 

に

#header { 
    position:fixed; 
    /* Other styles */ 
} 
#body_wrapper { 
    position:relative; 
    /* Other styles */ 
} 
#body_content { 
    position:absolute; 
    top:36px; 
    /* Other styles */ 
} 

をtopプロパティを設定し、その後、（divのような）ブロックレベル要素でラップ既存のスタイルシートにCSSを実装するだけです。