help center

Implement sticky scrolling

Last Update: September 21, 2023

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

sticky

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

Have more questions? We’re more than happy to assist.

Connect your domain to Elementor Hosting

Connect your domain to Elementor Hosting

Is this article helpful?

Share this article

On this page

Is this article helpful?

Share this article

Related Content

Mouse Effects – Mouse Track

Mouse Effects – 3D Tilt

Scrolling Effects – Horizontal Scroll

Scrolling Effects – Vertical Scroll

Hover Animations