0
をスクロールした後、私の窓の画像のスクリーンショットで指定されているが、私は自分のヘッダに45pxの高さを与えているし、メインセクションのために使用していますフレックス。メインセクションの内側には、左セクションと右セクションがあります。ウィンドウを最小化または最大化するたびに、私の左のセクションがフルスクリーンの高さになるようにします。
これは、スクロール時のページの表示方法です。それが参照する
height : 100%
- 私は100%
HTML
<body>
<header></header>
<div class="main-section">
<div class="left-section"></div>
<div class="right-section"></div>
</div>
</body>
CSS
body {
min-height: 100%;
width: 100%;
overflow: auto;
display: flex;
flex-direction: column;
}
header {
height: 45px;
width: 100%;
overflow: hidden;
display: block;
}
.main-section {
width: 100%;
position: relative;
right: 0;
left: 0;
bottom: 0;
flex-grow: 1;
overflow: auto;
}
.left-section {
position: absolute;
width: 200px;
height: 100%;
}
完全なコードを投稿できますか? – AVI
JokerFanにコードが埋め込まれています – Khyati
あなたが共有したコードがスクリーンショットを複製するには不十分です...「左パネルがスクロールで調整されていません」*どうすれば調整できますか?あなたはそれがスクロールしている間も画面の同じ位置にとどまるようにしますか? –