Scroll reveal effect is a simple and subtle way to give your page an elegant look. It automatically adds fade in motion effects to content that is triggered when your page content is in view.
Your Semplice uses scroll reveal by default, but you can also adjust it to your preference.
To do this, navigate to Customize >Transitions, and find the 'Scroll reveal' tab in the editor popup.
Here you will find several options that you can adjust:
View factor (%): When an element is considered in the viewport. Once an element is in the viewport of your browser, it will be faded in. Default is 20%. The bigger than value, the later the content will fade in.
Distance: The distance of the content should slide up while the 'reveal' transition runs. The bigger the value, the more dramatic your content motion.
Easing: The effect of how your content animates.
Duration: The time length of your 'reveal' transition. The greater the value, the longer it takes to finish the effect.
Opacity: The starting opacity of your content before the 'reveal' transition starts.
Scale: The starting scale of your content before the 'reveal' transition starts.
Scroll reveal on mobile: Select 'Enabled' to enable scroll reveal on mobile devices.
Troubleshooting tips
Content not revealing
If your section is too long, you will see a blank page and the will content only reveal after scrolling down. This happens because you have the Scroll Reveal feature active and the content is not revealing soon enough.
To resolve, disable Scroll Reveal under the Branding editor (colorful dots at the top of your page) or adjust the Scroll Reveal settings under Customize > Page Transitions > ScrollReveal so the content is revealed sooner.