javascript - コンテンツを表示します。ホーム画面のコンテンツの下部

Question

問題:

コンテンツを表示すると、それが表示されるテキストの最後になり、残りは「ヘッダー」の下に隠されました。

グラフィックで描いてみます。

現在あります：

次のようになっている必要があります。

Answer 1

コードを実際に見ることはできませんが、次のようなものを追加してみてください:

#header{
   position:fixed;
   top:0;
   left:0;
   z-index:10;
   height:50px;
   width:100%;
   text-align:center;
   background:rgba(255, 245, 238, 0.5);
}

Answer 2

このwww.geniusamigos.comのようなことをしようとしていると思います。

jQueryでできます。

$(document).ready(function () {

    var fixed = false;

    $(document).scroll(function () {
        if ($(this).scrollTop() > 100) {
            if (!fixed) {
                fixed = true;
                $('.header2').fadeTo(600, 0);
            }
        } else {
            if (fixed) {
                fixed = false;
                $('.header2').fadeTo(600, 1);
            }
        }
    });

    $(".header").mouseenter(function () {
        $(this).fadeTo(600, 1.0);
    });

    $(".header").mouseleave(function () {
        $(this).fadeTo(600, 0.3);
    });

});

サイトには、同じスタイル設定のヘッダーが 2 つあります。1 つのヘッダーの不透明度は、永続的に 0.6 に設定されています。スクロールおよびホバリングすると、他のヘッダーの不透明度が変化します。また、ヘッダーは固定位置にする必要があります。

それが役立つことを願っています!!!

Answer 3

私はあなたがスティッキーフッターを求めていると思います：http://css-tricks.com/snippets/css/sticky-footer/