css - 固定位置要素のオーバーフローを許可

Question

ページの下部近くに固定配置要素があります。ウィンドウの高さ自体が表示するよりも多くのコンテンツがあるため、残りの部分は削減されています。

overflow:autoこの問題を修正し、固定位置の要素をスクロールできるように追加しようとしましたが、うまくいきませんでした。

近くにJavaScriptソリューションがあるかもしれませんが、cssソリューションもあるのだろうかと思います。

私の質問が理にかなっていることを願っています。

ありがとう

Answer 1

スクロールバーを取得するには、高さ/幅を修正する必要があります。そうしないと、fixed要素がビューの外に拡大します。ここに小さなデモがあります: little link . 基本的な概要:

HTML:

<div class = "fixed">
    Glee is awesome!<br/>
    ...
    Glee is awesome!<br/>
</div>

CSS:

html, body {
    height: 100%;
}
.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100px;
    overflow: auto;
}