Scroll-Seite unter position: fixed content

Habe ich eine top-Navigations-Bereich mit position: fixed

Ich würde gerne den Inhalt der Seite zu scrollen, normalerweise, aber nicht verschwinden unter der navigation. Das Hauptproblem ist, wenn ich eine Suche, (dies ist ein full-CMS mit Hunderten von Ergebnissen in verschiedenen Modulen), was ich Suche, manchmal wird gescrollt, unter der navigation. Ich bin ok mit ihm, weil ich weiß, was passiert, aber ich möchte, dass es funktioniert gut für meine Nutzer. Ich nehme an, ich könnte mit einem frameset, aber gibt es einen anderen Weg?

Ich im wesentlichen, was Sie getippt, außer ich habe ein content-div mit margin-top: 50px. Das problem ist, dass der content-div, scrollt mit der Seite, also ich habe 50px versteckte Inhalte, wenn die Seite beginnt zu Blättern. Dies wird besonders deutlich, wenn ich browser-Suche (Strg-F). Ich habe gelöst das Problem mit einem @ - Druck-stylesheet entfernen des nav-Bereich, aber ich würde gerne das scrollen auftreten, nur unter dem nav.

Habe ich mich versucht:

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

#content {
overflow: scroll;
}

Dies könnte loswerden die browser-scroll-bar und nur eines für den content-Bereich. Nicht sicher, wie das Aussehen wird. Noch weniger als ideal. Es wird wahrscheinlich genauso Aussehen wie ein frameset ohne frameset ärgernisse.

eine Beispiel-Seite würde helfen

InformationsquelleAutor Stephane | 2009-10-21

  1. 0

    Kann nicht narrensicher, aber Sie tun konnte,

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

    Dann Ihre Navigations-element

    #nav {
  position: fixed;
}

    Kombiniert, sollten diese Beule alles unter body nach unten, außer für die Elemente, die position: fixed oder position: absolute.

    Dies scheint nur schieben Sie den Inhalt nach unten, ohne zu scrollen verhindern-unter. Noch eine hübsche Idee. Ich habe mir nie Gedanken über die Positionierung des body-Elements.
    Was meinst du mit "Blättern-unter"?

    InformationsquelleAutor Seph

Schreibe einen Kommentar