2

位置のある上部ナビゲーションエリアがあります：固定

ページのコンテンツを通常どおりスクロールしたいのですが、ナビゲーションの下で消えないようにします。主な問題は、検索を行うときです（これは、さまざまなモジュールで数百の結果を含む完全なCMSです）。検索対象がナビゲーションの下でスクロールされることがあります。何が起こっているのかはわかっているので大丈夫ですが、ユーザーにとってはうまく機能するようにしたいと思います。フレームセットを使用できると思いますが、別の方法はありますか？

私は基本的にあなたが入力したものを持っていますが、margin-top：50pxのコンテンツdivがあります。問題は、コンテンツdivがページとともにスクロールするため、ページがスクロールし始めると50pxの非表示コンテンツが表示されることです。これは、ブラウザ検索（Ctrl-F）を行う場合に特に顕著です。@printスタイルシートでナビゲーション領域を削除して印刷の問題を解決しましたが、スクロールをナビゲーションの下でのみ発生させたいと考えています。

私は試してみようと思っていました：

body {
overflow: no-scroll; (or whatever the css is for this)
}

#content {
overflow: scroll;
}

これにより、ブラウザのスクロールバーが削除され、コンテンツ領域に1つしか表示されない場合があります。それがどのように見えるかわからない。まだ理想的とは言えません。フレームセットに煩わしさのないフレームセットのように見えるでしょう。

4

1 に答える 1

0

絶対確実ではないかもしれませんが、あなたはできるでしょう

body {
  position: relative;
  top: <whatever height your navigation bar is>;
}

次に、ナビゲーション要素は

#nav {
  position: fixed;
}

組み合わせると、これにより、またはbodyを持つ要素を除いて、すべてが下に移動するはずです。position: fixedposition: absolute

于 2009-10-21T05:19:08.543 に答える