Zwischen Relativ und absolut schalten

Nun, im Moment mache ich gerade kleine JS Sachen. Meistens mit Ajax.
NUn bin ich aber immer öfter auf einen genialen Effekt gestoßen, denn ich einfach nicht analysieren bzw. nachschreiben kann.
Es geht um den Effekt, das ein eindeutig relativ positioniertes DOM-Element absolut positioniert wird, sobald dieses fast weggescrollt wurde.
Hier ist eine schlechtere Umsetzung: http://www.khronos.org/webgl/
Wenn ihr etwas weiter runterscrollt seht ihr die Quicklink leiste. Wenn ihr noch etwas weiterscrollt, wird sie auch einmal absolut positioniert und befindet sich ganz oben im Browser. Wenn ihr ganz langsam scrollt stellt ihr allerdings fest, das die Seite springt.
Schön gemacht ist es auf YouTube, wenn ihr die Informationen eines euer Videos ändern wollt. Dann passiert das gleich mit dem Speichern bzw. Abbrechen Button Wenn ihr etwas weiter runterscrollt. Wie geht das? Mir fällt einfach nichts ein. Theoretisch müsste man ständig prüfen, wie viel abstand vom oberen Browserrand bis zur Leiste noch ist, und wenn der abstand gleich null ist wird die CSS Positionierung auf aubsolut bzw. fixated gewechselt.
Aber wie geht das. Ich selbst werde noch weiterprobieren aber im Moment bin ich total verzweifelt...
 
Ha!
Ich habs geschaft.
Das Prinzip ist ganz einfach. Allerdings hab ich im Moment keine Zeit.
Deswegen werde ich erst Morgen schreiben wie es funkt. Ich sag schon einmal so viel:
Es ist besser als der Effekt der Khronos Group, allerdings nicht so schön weich wie der von YouTube.
EDIT: Tut mir leid, habe wieder kaum Zeit, beschäftige mich gerade mit Blender. Ich denke in den nächsten Tagen schreib ich darüber ein Tut auf meiner Seite http://www.entwicklerpages.de/ Wenn es fertig ist melde ich mich wieder.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück