How do I implement sticky scrolling?

The Sticky Scrolling Effect lets you set a Section/Widget as sticky, so that it sticks to the top or bottom of the screen. 


Watch a video of a cool example of a sticky scrolling effect.

Scrolling Effect

  1. Edit the Section/Widget by clicking its handle section settings
  2. Click the Advanced tab in the panel 
  3. Open the Motion Effects section
  4. Sticky: Choose to set your section to “stick” to the Top or Bottom of the screen, when scrolling
  5. Sticky On: Select on which devices your section will be sticky, Desktop, Tablet, or Mobile
  6. Offset: Pushes the sticky element up or down by pixels
  7. Effects Offset: The number of pixels the user must scroll before the sticky effect begins

Note: Effects Offset affects only if CSS was added to the sticky element. Learn more here.

Learn more about Sticky

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page

Birthday Sale: Up to 50%30% Off
Birthday Sale: Last 24 hours!
Birthday Sale: Last 24 hours:
Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount