Und jetzt auch noch Parallax. Mit großer Freude begrüßen wir ein neues Feature auf unserer Seite: den Parallax-Effekt. Abgesehen von der visuellen Inszenierung ist dabei vor allem die Bedienung und Verwaltung spannend. Inhalte und Effekte werden gänzlich über das Backend verwaltet und können so auch ohne Coder-Fähigkeiten gestaltet werden. Bewegung, Animation, Tempo und Start- bzw. Endbereich werden über einfache Backend-Befehle definiert.

Was sich als Herausforderung beim Programmieren herausgestellt hat, ist der Apple-spezifische Umgang mit der Scrolling-Bewegung auf iOS-Geräten wie dem iPad und dem iPhone. Standardmäßig werden beim Scrollen Animationen verhindert. Um das zu umgehen und trotzdem den Parallax-Effekt zu erzielen, musste diese Interpretation des Scrolling vom Gerät selbst unterbunden werden. Stattdessen werden Tempo und Distanz der Fingerbewegung erkannt und als Scrolling uminterpretiert.

Im Gegensatz zu zahlreichen anderen Parallax-Seiten spielen auf www.kalbeck.com auch die Scrolldistanz und das -tempo eine Rolle. Die Animation wird nicht bei jedem Scrollen gleichmäßig von einem Element zum nächsten durchgeführt, sondern geschieht abhängig von der individuellen Bewegung.

Wie das am Ende aussehen kann, lässt sich hier sehen.