Eclipse: Parallax-ähnlicher Fußbereich

[Tim]

Hallo,
Angelo hatte die Kundenanfrage nach einem Fußbereich, der sich beim Scrollen unter dem Hauptbereich "hervor schiebt". Gern wird dieser optische Effekt auch als Parallax bezeichnet. Mit etwas CSS ist dies in Eclipse schnell umsetzbar:

/** Parallax like footer and bottom section **/
#wrapper {z-index: 100; margin-bottom: 470px;}
#footer, #bottom {position: fixed; bottom: 0; height: 400px; left: 0; z-index: 1; width: 100%;}
#footer {bottom:70px;}
#bottom {height: 70px;}
#footer .inside, #bottom .inside {max-width: 1020px; margin: 0 auto;}

Der #wrapper Bereich bekommt durch das margin-bottom einen künstlichen Abstand nach unten und zieht damit den sichtbaren Bereich für die tieferliegenden #footer und #bottom Bereiche auf. Der Wert ergibt sich auf fest definierter Höhe des Footers und des Bottom-Bereich. In diesem Fall: 400+80 = 470

Viele Grüße,