css - スクロール要素と固定要素を混在させるには?

Question

多くの要素を修正したいのですが、メインのテキスト ブロックをスクロールさせます。

コーディングを始める前に、これを行う最善の方法についてアドバイスをお願いします。すべての固定要素をまとめてラップし、その中にスクロール部分の相対要素を含める必要がありますか?

これが私がやろうとしていることです:

Answer 1

ページのメイン ラッパーを作成する必要があると思います。これには相対位置があり、ページの水平方向の中央に配置されます (margin: 0 auto;例を使用)。

次に、そのラッパー内に<nav>トップ ナビゲーションの a を追加し、その css position プロパティを に設定します。fixed次に、サイドバーに a を使用して同じことを行い<aside>ます。

<div id="content"></div>次に、たとえばコンテンツのラッパー内に a を追加し、その css position プロパティを に設定しますrelative。この div のコンテンツを垂直にスクロールする場合は、次の css を追加できます。overflow: auto;

Answer 2

私があなたをよく理解していれば、ページをリロードせずにコンテンツを変更し、コンテンツをスクロールするが、残りはスクロールしないことを望んでいます。

あなたはできる ：

1. コンテンツを にラップするiframeため、ページ全体を固定のheight,で更新することなくコンテンツを変更できます。

2. コンテンツに固定の高さを使用し、divこれを設定するだけです:

   #yourDivId{
       overflow:scroll;
       overflow-y:none;
       height: XXX px;    //Fixed height;
   }
   

   注 : スクロールするには、マウスをコンテンツの上に置く必要があります。