これは部分的に次のコピーです: Scroll part of content in fixed position container but with some more restricts and the fact that the question will not fully Answered とにかくとにかく適切に答えられなかったという事実.
高さが 100% の固定位置のサイドバーがあります (上 0、下 0 の絶対位置になる可能性があると思います)。
サイドバーの最初の部分を占め、次にユーザー コンテンツのタブ (基本的には、ユーザーがリンクを保存できる領域) を占める要素がいくつかあります。サイドバーの最初の部分の要素は追加および削除できるため、ユーザー コンテンツの垂直方向の開始位置は可変です。ユーザー コンテンツ自体には、タブ コンテンツ内に任意の数のリンクを含めることができ、そのため、タブ コンテンツはサイドバーの残りの部分よりも多くの高さを占める可能性があります。これを行うとき、タブのコンテンツ領域にスクロールバーを表示して、すべてのリンクをスクロールしたいと思います。
デモページはこちら: http://protobrewui.meteor.com/
下の画像に示すように、Google が gmail で行っていることと非常によく似ています。
Google は、javascript または純粋な css を使用してそれを行う場合があります。純粋な CSS ソリューションが望ましいですが、javascript も有効なオプションです。
いくつかの詳細情報:
- サイドバー全体をスクロールするのではなく、ページからはみ出した場合にタブのコンテンツだけをスクロールしたい
- タブのコンテンツの上に可変要素を持たなければならない場合は、それでうまくいくかもしれません。
- タブのコンテンツは、スクロールする前にブラウザーウィンドウに残っている高さを占めることができる必要があるため、タブのコンテンツに固定の高さを与えることは、私が探しているものではありません