Starting from Uncode version 2.9.1, a new Parallax option for Rows and Sections has been introduced. This option allows you to create engaging parallax effects for your content. With this feature, you can implement a Sticky Footer or Sticky Header effect, where content slows down its exit from the viewport as the page is scrolled.

• Section Parallax and Sticky Footer example

How to use

To enable the new Parallax option please navigate to the Extras tab of the Row or Section, and activate the Parallax option. A lower Parallax value will produce a subtle scrolling slowdown, while a higher value, such as 10, will create an effect that is almost sticky, screenshot .

Please note that with the use of the Section module, it is possible to create Sticky Footers where several Rows are inserted as Footer components. For example, use the Section if your Footer consists of a Widget or Link area and a Copyright area, screenshot .

Notes

• Please note that for performance reasons, this option works only when the Theme Options → Customize → Scroll & Parallax → Smooth Scroll setting is also activated, screenshot ;
• Be cautious when using this effect with very tall sections, as they may not remain fully visible within the viewport.
• This effect is supported on desktop devices. Unfortunately, mobile devices struggle to handle this type of animation smoothly. If you wish to control its behavior on mobile, you can use the following hook to set a breakpoint below which the effect is disabled. For instance, setting the value to 960 will disable the parallax effect on screens narrower than 960 pixels. If you want to try to enable it on mobile, please use this dedicated hook in your Child Theme functions file.