Parallax-Scrolling for Jimdo
- fullsize-backgrounds
- Parallax-Scrolling
- smooth scrolling
Fixierte Hintergründe werden auf iOS-Geräten oft unschön dargestellt - viel zu großer Zoom. Das kann man per CSS heilen, aber sobald man mit parallaxen Scrolleffekten arbeiten möchte, wird es kompliziert.
Hilfe bietet das Skript stellar.js von Mark Darlgleish: - https://markdalgleish.com/projects/stellar.js/
Damit ist es möglich, parallax-scrolling auch für iOS-Devices einzurichten
Section1
...some text
Lorem ipsum dolor sit amet
Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Section2
Section3
...more text
Section4
...parallax fun!
Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam en nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
All Photos © Bernhard Pries, Kiel
smoothScroll.init (Element bitte nicht löschen!)