Einrasten beim Scrollen

[deshtruct]

Hallo Freunde,
da dies mein erster Thread in diesem Forum ist, möchte ich mich erstmal kurz vorstellen.
Ich heiße Georg, bin 24 Jahre alt und lebe im Norden Deutschlands.
Zur Zeit arbeite ich am Webauftritt eines Architekturbüros und hänge ein wenig an der Projektansicht.
Auf folgender Seite könnt ihr einen Dummy sehen, den ich gebaut habe.

Das Einzige, was mir jetzt noch fehlt, ist eine Art Einrasten beim Scrollen, sodass die Projektfotos immer im Zentrum des Viewports sind.
Für diesen Zweck gibt es natürlich fertige Scripts. Allerdings setzen diese voraus, dass die einrastenden Container frei im Body liegen.

Ich hoffe sehr, dass mir jemand von euch bei diesem Problem helfen kann. Falls ich mich irgendwo missverständlich ausgedrückt habe, einfach fragen^^
M.f.G. Georg

 

[Duddle]

AW: Einrasten beim Scrollen

Was bedeutet für dich "dass die einrastenden Container frei im Body liegen"? Was wäre un-frei?
Gibt es einen Grund, warum du mit JS die Bilder usw. einbindest?

Ansonsten: du wirst bei einem Script landen müssen, keine andere (übliche) Technologie kann auf das Scrollen dynamisch reagieren. Wenn du schon einige Scripte erfolglos ausprobiert hast, dann musst du eben deinen Input / das Markup ändern.

Welche hast du probiert? Ist dieses schon dabei?


Duddle

 

[deshtruct]

AW: Einrasten beim Scrollen

Bis jetzt habe ich dieses Script ausprobiert.

Wie du siehst, liegen dort alle einrastenden Blöcke frei im Body.
Un-frei bedeutet, dass die einrastenden noch mal in einem Container liegen, so wie bei meinem Dummy mit den Sections.

Die Bilder binde ich per JS ein, um zu verdeutlichen wie es nachher in etwa aussehen soll.
Was meinst du mit Input/ Markup ändern? Wenn du damit das HTML meinst, verstehe ich nicht, wie mir das helfen könnte.
Das von dir gezeigte Script habe ich übrigens noch nicht ausprobiert. Gut ist schon mal, dass die divs in einen Wrapper gepackt werden.

Danke schon mal für deine Hilfe^^

 

[Duddle]

AW: Einrasten beim Scrollen

Was meinst du mit Input/ Markup ändern? Wenn du damit das HTML meinst, verstehe ich nicht, wie mir das helfen könnte.

Der übliche Weg zum Ziel: HTML schreiben, Script einbinden, fertig.
Deine Hürde ist jetzt, dass das eingebundene Script nicht zu deinem HTML passt ("die Blöcke liegen frei im body"), also musst du entweder das HTML anpassen oder ein anderes Script suchen, welches zu deinem HTML passt.


Duddle