Hi NG,
ich bekomme das einfach nicht hin.Ich habe eine seite, bei der ich unten ein DIV in höherer z ebene als navi nutze.
das ist fixed und es wird nur 75 px angezeigt. der rest ist unterhalb vom bildschirm versteckt.
nun möchte ich aber, dass wenn die seite bis nach unten gescrollt wurde, sich dieser footer DIV mit nach oben „aufscrollt“. quasi sich wie relative verhält.
wenn ich aber nach einem bestimmten scrollwert position: relative oder static statt fixed zuweise, funktioniert das zwar in etwa, allerdings ist der div immer an einer anderen stelle als die wo er fixed war. selbst wenn ich versuche dies mit werten zu justieren ist es immer eine unsaubere sache.
sicher muss das anders gemacht werden, hat jemand hilfe dazu?
Hier der Code eines Beispiels.
Ich möchte das DIV sidebar erst unten fixed ist. Wenn ein bestimmter Wert gescrollt ist (hier 2995) soll das DIV sidebar dann static oder relative reagieren. Es soll sich einfach mit bewegen/hochscrollen als ob es zum Inhalt der Seite gehört (static). Sinn ist es eine kleine Navi zu sehen, wenn die Seite komplett nach unten gescrollt ist, soll sich die kleine Navi aufziehen und es soll dann die gesamte Navi der DIV sichtbar werden.
Mache das momentan mit einem Wert, evtl. kann man das auch direkt angeben, dass es am Scrollende der Seite passieren muss.
Leider sehe ich den roten NaviDIV nach den 2995 nicht mehr. Es klappt nicht.
Hat jemand eine Idee wie ich das lösen kann?
z.B. den marin-top Wert für den DIV #sidebar ab einer bestimmten Scrolllänge von -75px auf -300px - allerdings gleich zum scrollvorgang - zuweisen. Damit würde das ja aussehen wie wenn der DIV #sidebar mit hochscrollt.
schuldige, entweder bin ich zu blöd und nur ich versteh einfach nicht was du nun genau möchtest oder deine beschreibung ist nicht so doll :O).
Wie so fügst 2mal das gleich jquery ein?
das zweite kann raus.
[CODE]
[/CODE]
da ich nicht versteh was möchtest und dein code mir noch fragfürdiger ist, wieso verschwindet die sidebar ganz unten, hier noch ein anderer code wo das margin-Top dynamisch anpassen kannst je nach scroll.
[CODE]
[/CODE]
und der html teil zb:<div class="two">
<img id="img_left_index" alt="image" src="BILD.png" style="margin-top: 135px;">
</div>