CSS und JavaScript Bedingt umpositionieren onScroll ein absolut positioniertes DIV

Question

Wir haben einen Kunden, der einige sehr lange Seiten wünscht. Sag 4000px plus.

Sie möchten ein Element von oben nach hinten haben, das bei 1200px von oben in der Nav-Spalte erscheint und dann die Position beim Scrollen fortsetzt, um 200 von oben zu sagen.

Das klingt für mich wie etwas, das CSS derzeit nicht tun kann, besonders wenn IE 6 untergebracht werden muss.

Klingt das für Sie richtig? Jeder hat einen Link zu einer gültigen Tute? Ich habe versucht, ein jQuery oder Mootools Beispiel ohne Glück bis jetzt zu finden.

Answer 1

Scroll Follow könnte tun, was Sie wollen; Es dauert ein "Offset" -Parameter, der Ihr Element auf die angegebene Entfernung von der Spitze des Ansichtsfensters hält.

Answer 2

Ich vermute, es ist möglich, dies mit JavaScript zu tun, vorausgesetzt, es gibt eine Möglichkeit zu erkennen, wenn das Browserfenster scrollt, aber ich stimme zu, es gibt wahrscheinlich keine Möglichkeit, es mit nur CSS zu erreichen.

Ich denke, ein besserer Ansatz ist es, die Seite in logische Abschnitte mit "Scroll to top" -Links am Anfang von jedem von ihnen aufgeteilt zu haben. Dies geschieht ziemlich oft auf langen Seiten, obwohl ich mir nicht sicher bin, ob ich jemals den Ansatz Ihres Kunden gesehen habe.

Ganz zu schweigen von denen, eine sehr lange Seite ist oft schwer zu lesen und zu navigieren.