The parallax scrolling feature is available to provide a more visually engaging learning journey. Parallax scrolling is a special scrolling technique used in web design where background images throughout a web page move slower than foreground images, creating an illusion of depth on a two-dimensional site.
How to enable parallax scrolling
- Right click a topic from the project structure view to reveal 'Topic settings'
- Ensure that the Navigation options: 'Display using continuous scrolling' is selected
Open your topic and navigate to the screen properties window
- Add the background image (Parallax section only available if continuous scroll is enabled)
- Enable parallax
- Select 'Full height' if you require the image to stretch
- Choose your 'Parallax speed' 1-5 (slow-fast)
Parallax scrolling process
If you would like us to add a copy of this example to your gomo authoring account, please raise a ticket with our support team.
Tips and limitations
- Taller images are recommended when the speed of parallax scroll is fast (4-5) as the bottom of the image will arrive sooner
- Image will be centered
- This feature is currently only visible in desktop view (mobile view in development)