Webページ上で右のスクロールバーを持つ方法は、中央のペインだけをスクロールします

あなたがFacebookのメッセージページを見ると、ヘッダーがあり、その下に3つのセクションがあります。スクロールバーは中央セクションを制御し、左右のセクションは静的なままです。自分のウェブページで同じ動作を実装するにはどうすればよいですか?それはすべてが固定されたままで、スクロールバーは中央セクションのみを制御しますか?ところで、Facebookの実装はChromeで正常に動作せず、Firebugが有効になっているときにFFで動作しなくなります。

ベストアンサー

センターセクションに特別な設定をする必要はありません。停止したいブロック要素はすべて、
position:fixed にする必要があります。

例えば

<html>
  <head>
    
  </head>
  <body>
    
This will stay on the top of the browser
window.
 
    <div id="sidebar">
      This will stay on the left.
    </div>
    <div id="content">
      This will scroll normally.
    </div>
  </body>
</html>

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です