0

長い休止の後、html / cssに戻り、助けが必要です。

背景：ユーザーが固定ナビゲーションバーを操作したときに、1列のレイアウトとjQueryを使用して、ページをさまざまなdivに自動スクロールしています。

問題：私のラップトップまたはモバイルデバイスよりも垂直解像度が大きい画面でページを表示すると、さまざまなdivセクションのすべてまたは一部を一度に表示できます。

質問：異なるファイルにリンクされた従来のナビゲーションバーを使用した場合と同様にスクロール機能が機能するように、divを垂直方向に分離する方法はありますか？つまり、すべてのdivを一度に表示するのではなく、ユーザーがクリックしたdivだけを表示したいと思います。

どうもありがとう！

4

1 に答える 1

0 
<div id="content">
    <div class="container">
        <div class="pseudopage">
            foo
        </div>
    </div>
</div>

その基本構造 (「コンテナー」div を繰り返す) を使用すると、次のことができます。

​#content{
    border: 1px solid black;
    height: DESIRED_HEIGHT;
    width: DESIRED_WIDTH;
    overflow:hidden;
}

.container {          
    height:100%;
    width:100%;
    text-align:center;
}

.pseudopage {
    vertical-align:middle;  
    display:inline-block;
    margin:px;
}
div.container:before{
    content: '';        
    height:100%;
    width: 0px;
    margin:0px;
    vertical-align:middle;
    display:inline-block;
}

楽しみ！また、#content div はページの本文になる可能性が非常に高いですが、高さを設定することを覚えておく必要があります。(上級者向けのヒント - の高さを 100% に設定し、 の高さhtmlを 100% に設定するbodyと、画面いっぱいになります。)

于 2012-09-18T00:07:32.333 に答える