nicht angemeldet
Rolf BHallo einsiedler,
die verdeckenden Streifen klingen nach einer merkwürdigen Lösung. Wenn man einen Rahmen haben will, in dem die Darstellung bleiben soll, würde ich auch einen Rahmen verwenden und ihm overflow-x:hidden geben. Man muss allerdings ein bisschen tricksen, damit sich beim Öffnen oder Schließen der Galerie der Seitenheader nicht verschwindet.
Schau Dir mal dieses minimalistische Technikbeispiel an, da funktioniert es ohne Streifen und der Sprung nach oben klappt. Probiert mit Chrome und FF.
Der Container, innerhalb dessen sich die Verschieberei abspielt, ist das main-Element. Darin befindet sich das a-Element, dass id='galerie' hat, sowie ein div für die eigentliche Galerie und für den Inhalt. Je nachdem, ob galerie das target ist, erscheint die Galerie oder der Inhalt.
Der galerie-Anker ist absolut positioniert und auf top:-1000px gesetzt. Damit steht er oberhalb des Vierports, d.h. wenn man die Galerie öffnet springt der Browser auf den Seitenanfang. Das ist bei Dir auch so. Ohne diesen Trick würde die Galerie nach oben positioniert und der Seitenheader verschwinden. Deine Entscheidung, ob Du den Effekt willst. Wenn nicht, setze den Anker auf top:0 (bzw. dann bräuchte man den Trick mit dem Extraanker nicht).
Standardmäßig ist die Galerie position:absolute und der Inhalt position:relative. Damit gibt der Inhalt die Größe des main-Elements vor. Wenn #galerie:target erfüllt ist, wird die Galerie auf position:relative und der Inhalt auf position:absolute gesetzt, damit die Galerie die Höhe des main-Elements vorgibt. Zusätzlich wird die Galerie noch auf left:0% gesetzt und der Inhalt auf left:100%, aber auch auf width:100%; hoverflow:hidden. width:100% deswegen, damit er beim hinausscrollen seine Breite nicht ändert (und neu umbricht), overflow:hidden, damit die Höhe des main-Elements nicht mehr von vom Inhalt-Container verändert werden kann. Im Fiddle steht noch height:100%, das ist aber unnötig.
Was auch wichtig ist, ist die href-Angabe im "nach oben" Link der Galerie, das muss #galerie sein, sonst schließt das "nach oben" die Galerie.
Rolf
sumpsi - posui - clusi