data-scroll-target not affecting it’s target

  • Resolved larryfroot

    (@larryfroot)


    3 years, 1 month ago

    Hi – firstly thank you so much for your amazing plugin and all the great tutorials. They really have added so much to my designs.

    I activated Locomotive and had great fun adding it to various bits n bobs of the pages I’m making (that will soon be transferred to their own domain and not sit on my site)!

    So it was I came across your tutorial on stacking elements and making them sticky. Absolutely ideal for a page I have been asked to create. But I anticipated conflicts between the sticky function in Elementor and Locomotive. Turned out I was right.

    So I looked at the GitHub page and my heart leapt with happiness as I saw the data-scroll-sticky attribute. I got my head around how data-scroll-target works, so I added an ID to the section (effect-stick) and the Locomotive instructions to the same section as well.

    data-scroll
    data-scroll-sticky
    data-scroll-target|#effect-stick

    I then dragged an inner section into the #effect-stick section, placed the widgets inside it and removed the Locomotive text from it’s parent to that new inner section, so it would call the CSS ID of it’s parent section. But it didn’t work!

    I also enabled freehand mode in the steroids plugin, but it didn’t make any difference.

    If by happy chance you come across this, please can you advise? I may not be the only froot to face this particular problem.

    And thank you again for all the great tutorials. They really do make a world of difference to my sites.

    • This topic was modified 3 years, 1 month ago by larryfroot.
    • This topic was modified 3 years, 1 month ago by larryfroot.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter larryfroot

    (@larryfroot)

    I am so sorry! My bad! This is as embarrassing as hell, but I forgot to save after removing all the Elementor sticky settings. Once this simple truth dawned on me, everything worked well. I have added a post to the Stacking video comments for anyone else having the same problem and how to fix it. And to not be an idiot like me!

    Just in case anyone else has the same problem here’s the fix…

    Switch off all the elementor sticky effects you added and SAVE THE DAMN THING.

    Then, in the main section, give it a CSS ID (not a CSS Class) of, say my-sticky-thing.

    Then, in an inner section of my sticky thing section go to the Locomotive settings and add…

    data-scroll
    data-scroll-sticky
    data-scroll-target|#my-sticky-thing

    Thanks again for the plugin and tutorials, you are an absolute star.

    • This reply was modified 3 years, 1 month ago by larryfroot.
Viewing 1 replies (of 1 total)
  • The topic ‘data-scroll-target not affecting it’s target’ is closed to new replies.