Parallax scrolling

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

Parallax example

 

Launch example course

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


See also

https://gomolearning.freshdesk.com/support/solutions/folders/1000068562