0

私は新しいポートフォリオに取り組んでおり、完成にはほど遠いですが、デザインの完成に近づいています. 解決方法がわからない問題が 1 つだけあります。http://minimalito.be/index.htmlにアクセスすると、ホームページに移動し、「about」をクリックすると、フッターが私のページの上部に非常に短い間ジャンプすることに気付くでしょう...

ホームページから概要セクションに移動すると、フッターだけでなく、コンテンツ全体が一時的に上に移動します。誰かが理由を知っていますか？コンテンツは ajax でロードされているため、おそらく何か関係があるのでしょう。div の配置が間違っているのではないでしょうか? 私は本当にそれを見ません。

これは私のコードの大まかなレイアウトです。より詳細なコード + 例については、もちろん Web サイト自体を確認できます。

サンクス！

    <div id="content" class="block">
        <div id="header">
            <nav class="centered">
                <h2><a href="index.html" class="menuLink">minimalito.</a></h2>
                <ul>
                    <li><a href="design.html" id="aboutLink" class="menuLink">about.</a></li>
                    <li><a href="work.html" id="workLink" class="menuLink">work.</a></li>
                    <li><a href="#" id="contactLink">contact.</a></li>
                </ul>       
            </nav>
            <h1 id="contact" class="ninja">minimalito@info.be</h1>

          </div>
            <div id="load">Loading</div>

            <div id="page">


            </div>
            <div id="footer">

          </div>

    </div>
4

1 に答える 1

0

#header位置が固定されているため、ドキュメント フローの一部ではありません 。には、 と の両方を押し下げて下に配置#contentする上部マージンがあります。#content#footer#header#

上部のメニュー リンクの 1 つをクリックすると、どのセットfadeOutが呼び出されます。ドキュメント フローの一部である要素をプッシュするものが残っていないため、新しいコンテンツが非同期に読み込まれるまで、ページの一番上まで移動されます。#contentdisplay: none;#footer

要素が非表示の場合は、単に変更してコンテンツを置き換えることを検討するようにfadeOut設定displayする代わりに。noneopacity

于 2013-02-18T13:41:08.897 に答える