Parallax scrolling in contao?
Hi,
ist es möglich so etwas wie diese seite in contao nach zu bauen:
http://getfleck.com/
Allerdings so zu bauen, dass es im backend leicht zu pflegen und zu erstellen geht (kaum html kenntnisse vorhanden)?
Wie teilt man sich das denn alles ein?
LG
Liste der Anhänge anzeigen (Anzahl: 1)
Im anhang findet ihr meine struktur, im "stage" bereich habe ich ein inhaltselement "bild" wie kann ich dieses bild nun verschoben mit scrollen lassen wie im beispiel hier:
http://getfleck.com/
Anhang 13394
Parallax Background JS / CSS Lösung unabhängig von Contao gesucht (nicht 100vh)
Bin auch auf der Suche nach eine sauberen Lösung, um bestimmte Inhalte mit einem Parallax Effekt zu versehen, die auch auf iOS funktioniert. Idealerweise rein CSS basiert, JS geht aber auch. Also wie hier. Rein optisch betrachtet. Ob die Lösung mit img oder background-image arbeitet, ist mir egal.
Das Problem an der o.a. Lösung ist extremes Ruckeln auf dem iPhone. Und das Script hat schlappe 90kb. Etwas viel.
Die Lösung von Keith Clar (Link) scheint nur für eine Höhe von 100vh zu funktionieren. Alle Versuche, die Höhe auf z.B. 300px einzustellen, scheiterten.
Diese Lösung von Minimit macht eigentlich das, was ich will, nur eben nicht auf iOS.
Die Links hier im Thread erfüllen meiner Meinung nach meine Anforderungen alle nicht. Hat jemand zufällig noch ein Plugin, welches er aus dem Hut zaubern kann? Wie gesagt, muss nichts mit Contao zu tun haben, baue da selbst ein Inhaltselement draus (und stelle es bei Bedarf online).
Liste der Anhänge anzeigen (Anzahl: 1)
Das Script von Pixelcog hatte ich auch gesehen, aber aufgrund eines Tipps von Stefan Preiss habe ich mich für das UIKit entschieden.
Das Modul läuft. Ist aber noch nicht im Detail getestet. Habe es zum Spielen mal angehängt.
Im Artikel kann ein Hintergrund definiert werden. Im Inhaltselement (jedes) wie auch im Artikel können durch entsprechende Einstellungen Parallax-Effekte eingestellt werden.
Wie die so funktionieren, sieht man im o.a. Link.