Abstand nach unten mit position:fixed

[iApple]

Hi zusammen,

ich habe auf meiner Webseite eine kleine Box mit verschiedenen Kategorien drin. Diese ist auf Position: fixed damit sie immer dem Scrollrad folgt.

Nun möchte ich, dass die Box erst mit der Scroll-Bewegung mitgeht, wenn der obere Rand des Browser-Fensters die Box berührt. Ausserdem soll die Bewegung aufhören wenn die Box ganz unten im umschlossenen DIV-Element angekommen ist.


Wie realisiere ich das`?

LG

 

[Myhar]

AW: Abstand nach unten mit position:fixed

Mit Javascript. Du definierst einen Event Listener für das Scrollen und fragst dann die Position der Box ab. Ist die Scroll Position zu weit oben, dann wird die Box relativ positioniert und bewegt sich also nicht mehr mit. Hat der User weit genug nach unten gescrolled, dann setze die Position der Box auf fixed.

 

[iApple]

AW: Abstand nach unten mit position:fixed

Vielen Dank

Tja ich bin nicht gerade ein Hirsch in Javascript, besser gesagt eine Pfeiffe Gibt es dazu ein gutes Tutorial oder bereits ein fertiges Script?

Danke
LG