DIV Footer "fixed" am Scrollende mit hoch ziehen "relative" ?

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.

ich habe dies hier gefunden:

http://www.html.de/javascript-ajax-und-dhtml/44729-position-eines-containers-relativ-zum-sichtbaren-bereich-ermitteln.html#post318422

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?

Danke

Hallo,

wenn jemand versteht was hast und was möchtest, hilft bestimmt jemand.

Zeige ein Link das wir sehen was hast und vielleicht auch was möchtest.

Man kann nicht nur die classe ändern mit jquery sonder den padding wert dynamisch ändern beim scrollen. kommt halt immer drauf an was hast.

Cheffchen

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.

DANKE für HILFE!
TELLO

[HTML]Unbenanntes Dokument
#sidebar { z-index: 2; position: fixed; top: 100%; right: 0px; width:100%; height:300px; margin-top: -75px; background-color:#F00; }
#sidebar.static { position: static; }

Ich bin eine Navigation - dass soll man immer sehen (margin -75px;)

 

 

 

 

das soll man erst sehen wenn die Seite runter gescrollt wurde!

hallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallohallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallohallo

 

hallo

 

[/HTML]

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.

TELLO

Hallo,

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>

Cheffchen