021 158 1400 [email protected]

It’s super easy to add sticky options to elements on scroll without using a plugin in Divi with the Advanced Scroll Options feature.

The options offer way more than just simple fixed positioning. The functionality allows for scroll-based interaction and sticky-style adjustment. You can even choose when and where elements become sticky. This is based on the direction that a visitor is scrolling and the element’s position on the page. You can also control the sticky style of any element, this makes for some interesting sticky design transitions!

How to make add sticky options

Making an element sticky is very simple. Just head to Advanced > Scroll Effects > Sticky Position and choose from the available sticky options you will find there.

Elements can even have a sticky boundary applied to them. Outside of the sticky boundary, the elements won’t be sticky.

You can also give elements that are sticky unique styles. This is really where sticky options pop. When sticky options are enabled on an element, all design settings obtain new sticky state styling options. So elements can have two different styles: a standard style, and a sticky style. When element becomes sticky, the design will transition from its standard applied styles to its sticky styles.

This is available on modules, columns and rows. If you’re not sure about the difference between sections, rows and columns in Divi we have a great 4-minute training tutorial video explaining them.

Here is a great video and post on how to do this.

We used sticky options on scroll on the following sites:

Eastern Refuge

If you like this Quick Tip check out our other resources

We have a comprehensive video training library that we use to help our clients familiarise themselves with their website. They cover everything from forgetting your password to adding images and so much more.

For more advanced users we have a library of Quick Tips. This covers content that we have had to find answers to ourselves. They are often regarding ways to customise Divi with code when the general default or theme options don’t do what you need.

Pin It on Pinterest

Share This