locomotive scroll

  • Resolved tricky7001

    (@tricky7001)


    3 years, 10 months ago

    Hi,

    I’m using your great plugin thanks.

    Just came across this, when I enable the locomotive scroll my test page does not scroll the header is the only thing that seems to scroll up out of focus.

    I am not using any sticky header, but I am Astra pro and elementor pro to create a custom header that is made from a custom Elementor template, and then this hooks into the header via Astra hooks.

    Any thoughts, please?

    p.s how do I share website without public visibility?

    there are too many good things to say about your plugins.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Oooh Boi

    (@ooohboi)

    First of all, you need to know that the Locomotion works with Elementor built pages only. If your pages/templates are just the “regular” ones, then these won’t be affected.

    Second, if your theme HTML structure doesn’t look like this:

    <body>
    <header></header>
    <main></main>
    <footer></footer>
</body>

    …or this:

    <body>
    <div id="page">
        <header></header>
        <main></main>
        <footer></footer>
    </div>
</body>

    …or this:

    <body>
    <div data-elementor-type="wp-header"></div>
    <div data-elementor-type="wp-page"></div>
    <div data-elementor-type="wp-footer"></div>
</body>

    …or at least like this: 

    
<body>
    <div data-elementor-type="wp-page"></div>
</body>

    … or possibly something like this: 

    <body>
    <div id="page">
        <header></header>
        <div data-elementor-type="wp-page"></div>
        <footer></footer>
    </div>
</body>

    …I don’t think that you gonna be able to use your theme – regardless of the brand or name. If you are the Elementor PRO user – why do you need Astra? What is it that can not be accomplished with the PRO version + “Hello Elementor” theme, and is doable by Astra theme? Did you know that Astra (basic) is over 5.5MB while the “Hello Elementor” theme is around 0.5MB?
    Anyhow, check your theme HTML structure to be safe with Locomotion.

    Hey,

I am happy to follow you on YouTube. I am now trying out locomotive scroll. The problem I run into is the sticky part.

I can't figure out what it says on GitHub.

This is what I entered at attributes.

-In the section-
data scroll
data-scroll-sticky
data-scroll-target | sticky

How else can I put it away?

I'm looking forward to your response.
    Plugin Contributor Oooh Boi

    (@ooohboi)

    You will have to use the Inner Section widget! Drag’n’drop that widget to the target Column.
    Next, add the ID to the Column.
    And then place all of your widgets inside of the Inner Section.
    The Inner Section data-scroll attributes:

    data-scroll
data-scroll-sticky
data-scroll-target|#sticky-stop

    …where “#sticky-stop-1” is the Inner Section parent Column ID.
    I hope it makes sense.

    • This reply was modified 3 years, 10 months ago by Oooh Boi. 
    Hey,

Thank you for the swift response!

It partially worked. When hitting the top when scrolling it disappears after 0.5 seconds.

I think I have not worded my question correctly.

1. I want to use it for a scroll-up bottom / icon, position; left, right or center.

2. In addition, for a scroll-up column as I saw it in a YouTube video of you (sticky-section-wrapper) - I succeeded.

Am I well on my way to use (sticky) as a solution?

I hope my question is now properly worded and that you understand.
    Plugin Contributor Oooh Boi

    (@ooohboi)

    Do you have your test page online so I can take a look? It’s really hard for me to figure out the problem just by reading what you wrote, sorry buddy!

    Hey,

    I understand!

    I do have a page to view.

    It’s on a website I’m still working on for a personal project.

    Note: locomotive is not running because of my project.

    https://chaps-style.nl/test-pagina-locomotive/

    To get a better idea of ??my problem, I have numbered the sections.

    The problems lie with sections; 5, 9 and 10.

    5
    Here I have a template for a contact shortcut and a scroll-up button. I would like to give both a permanent position.

    9.
    Here I have used (sticky-section-wrapper) and as you can see, it works fine.

    10.
    Here I have activated Scrollable Column.

    All 3 sections work well, see through the website.

    I really hope you can help me. If you can also provide some pointers about my website, I would appreciate that too.

    Best regards,

    Marco

    Thread Starter tricky7001

    (@tricky7001)

    Hi,

    Thanks for your kind reply.
    I am not a developer as you can gather probably:).

    Anyways i took a look at what you have said and did try to work out where this stuff all was, and there are so many things from the source it’s difficult for me to see where what you have said and seen there in the source code.hope that makes sense

    could I share with you somewhere what I see from the source code, please?
    I am not after any freebies , i am happy to donate to your plugin as you are trustworthy and i follow a lot of what you do and say.

    Thanks again for any help or info you be willing to share.

    Kind regards

    Hey,

    Thanks for coming back to my problem in your last video today. I accept it wholeheartedly.

    I enjoyed your video. Furthermore, I have to say that it seems easy with you, haha.

    Thanks again, and please keep on designing / adding to Steroids for Elementor, you have my support.

    Best regards,

    Marco

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘locomotive scroll’ is closed to new replies.