CSSの継承と位置：固定スクロールのために使用DIVS

Question

私は外のDIVより多くの内容を持つDIVを持っています。現在、私はオーバーフローを使用しています：auto;スクロールバーを作成します。しかし、私はDIVの側ではなく、ブラウザレベルでスクロールバーを持っていたいと思います。

他のすべてのDIVSを固定に設定しようとしましたが、固定DIVを配置するように設定しました。DIVをスクロールしてスクロールしたいので、このプロパティを継承してページ全体を固定します。置くことなく：コンテナDIVに固定され、スクロールします。

この継承を停止する方法はありますか？残りは固定されている間にスクロールできる唯一の要素ですか？

マイサイト：http://www.longmeadoweventcenter.com/dev/reservations/

Answer 1

スクロール可能なコンテンツは、ページの背景として機能していない限り、私は正しく、これはなんとかではありませんあなたの質問を理解していれば。

あなたの意図を描いていますか？

Answer 2

あなたが求めているのは、本当に物事を行う「やり方」ではありません。あなたが求めていることは確かに不可能です。

明らかな問題は、ページの残りの部分が画面に対して大きすぎてスクロールバーが必要な場合はどうなりますか？

あなたは、あなたのページ構造を完全に改造して、ページの残りの部分でできることを真剣に制限する代償を払って、後の効果を得ることは可能かもしれません。

これに最も近いのは、スクロール可能領域がメインページ要素であり、通常のposition:staticまたはposition:relativeであるようにページレイアウトを完全に変更することです。他のコンテンツがない場合、これは通常のページのように動作しますが、すべての面で大きなマージンが必要です。残りのページコンテンツは、z-indexとposition:fixed;を使用して、その上に配置されます。これは少なくとも4つの別々の要素の形である必要があり、効果的に主コンテンツのフレームとして機能します。あなたが好きなものはこれらのフレーム要素に入れることができますが、記述したレイアウトとは異なり、スクロール可能な領域の後ろ、または4つのdivの間に流れるコンテンツを持つことはできません。

だから効果はありますが、容易ではないでしょうし、おそらくあなたが想像していた方法ではありません。