html - スクロール固定ヘッダー

Question

このレイアウトms ie pageの作成方法を知っている人はいますか。私が達成しようとしているのは固定ヘッダーですが、ページを最小化すると固定ヘッダーを含むページ全体を右にスクロールできますが、これを行う方法を知っている人はいますか?それはすべて css で行われますか? 私ができることはすべて固定ヘッダーを持ち、コンテンツだけをスクロールすることですが、幅が1センチのときにヘッダーもスクロールしたいです

Answer 1

要件を正しく理解している場合は、ヘッダーを固定してコンテンツのみをスクロールし、ページのサイズを小さい幅に変更するときに、ヘッダーもスクロールする必要があります。私は正しいですか？

これを行うにはposition: fixed、ヘッダーを設定する必要があります。次に、@ mediaクエリを使用して、ヘッダーが固定プロパティを失う最大幅を指定する必要があります。

Markup:

<div class="header">
Header content goes here
</div>

Style:

.header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 500px){
  .header{
     position: relative;
   }
}