Enable Parallax

When parallax is enabled in Refoundry, several key functionalities are activated.

Smooth Scrolling Effect: Traditional scrolling can be abrupt and jarring, especially on long pages. Smooth scrolling introduces a gradual, fluid motion as users navigate through content, improving readability and providing a more polished feel. This effect makes transitions between sections more seamless.

Access to Locomotive Scroll Library: The full capabilities of the Locomotive Scroll library become available, offering a wide range of customization options for creating complex scrolling animations, trigger-based effects, and responsive behaviors that adapt to different devices and screen sizes. This library allows you to implement advanced animations such as elements that fade in as they enter the viewport, images that move at different speeds to create a parallax effect, and other sophisticated interactions that respond to user scroll behavior. Read their documentation.

Enhanced Position Controls: The positioning options sticky and fixed are enhanced within the display settings of container and column blocks. These controls allow elements to maintain their position relative to the viewport or parent container during scrolling, enabling creative layouts like persistent headers, sidebars, or interactive sections that stay in view as users scroll. Sticky positioning is particularly useful for keeping navigation menus or call-to-action buttons visible, while fixed positioning ensures certain elements, like background images or logos, remain static as the rest of the page scrolls.

Parallax Scroll Speed Controls: Additional settings allow precise control over the scroll speed of individual elements within container and column blocks. By adjusting these speeds, designers can create captivating parallax effects where some elements move faster or slower than others, adding depth and dynamism to the page. For example, a background image might scroll slower than the text in front of it, giving the impression that the text is floating above the image. These controls give you the flexibility to fine-tune the parallax effect to suit the specific needs of your design, enhancing both visual interest and user engagement.

By utilizing the parallax settings in Refoundry, you can elevate the browsing experience, making your site not only more attractive but also more memorable.