Use sticky scrolling effect with Elementor

Sticky scroll effect for Elementor  is a new feature that allows you to create sticky effect on widget, section or container.
Pay attention: Sticky scrolling is disabled if Elementor Pro is installed and active.

Turn On / Off the sticky effect

In the admin panel select ‘EAC components’ link and ‘Features’ tab then activate the option ‘Sticky Element’ entry and save settings.

Enable sticky scrolling effect option
Enable sticky effect option

Enable and configure the sticky effect

Make sure the stretch option is turned off first if you want to apply the sticky effect on a top section.
Of course works with container.

Go to ‘Advanced’ tab open ‘EAC sticky effect’ section and turn on the toggle ‘Active sticky effect’.
You can enable the effect specifically for a header you created with the ‘Render sticky header’ toggle.
– Select the devices to which the effect will be applied,
– upper and lower trigger thresholds,
– and to finish the layer level

Sticky strecht section
Disable Stretch section
Sticky element
Configure the sticky effect

4 thoughts on “Use sticky scrolling effect with Elementor”

  1. Hello,
    After updating my EAC to v. 1.9.4 today, I noticed that the EAC sticky effects I had applied to a column just stopped working. I then looked at the colmn under advanced tab and noticed that the EAC Sticky Effects feature was no longer available. I went immediately to the EAC components panel to confirm that EAC Sticky Effects was enabled, and it was. I reverted to using the Elementor Pro Sticky effects on that specific column, which is the only place I had attempted to use the EAC Sticky effects anyway. I am curious though as to why all of a sudden (with the EAC 1.9.4 update) the EAC Sticky effects feature is no longer visible in the Column widget.
    Please advise.

    Merci.

    Reply
    • Hello François,
      That’s right, “Sticky effect” doesn’t work anymore if Elementor PRO is installed and active because we detected collisions between our plugin and Elementor PRO.
      The documentation is being modified.
      It’s a mistake not to have reported it in the changelog. This will be corrected immediately.
      This change includes:
      ACF Options page
      Custom attributes
      Custom CSS
      Dynamic tags
      ACF dynamic tags
      Lottie background
      And Sticky effect

      But we can provide you with the procedure to enable the feature again. It’s not too complicated, you just need a plain text editor.
      Thanks again for your feedback.
      Rgds

      Reply
  2. Does the sticky feature work with Elementor Free? I just noticed that one of my less popular sites no longer has the sticky effect applied to columns.

    Reply
    • Hello Dwaynne,
      I’ve just done a test, with the last version (2.2.9) on a column placed inside a section.
      Force the max height of this column to 50% of the section, apply a sticky effect to the column and the result is consistent, it remains sticky within the limits of the section height.
      Can you send me a link to the test page?
      PS: the sticky effect doesn’t work in the editor.
      Rgds

      Reply

Leave a Comment