Using Page scroll to id with Elementor

  • Resolved ofmarconi

    (@ofmarconi)


    1 year, 11 months ago

    There could be an Ultimate Guide for us Elemento users ??

    Whenever I finish a site, I notice that the scroll is still not 100%, see this:

    It goes to the ID, clicks it again and it toggles between your script and Elementor’s script (which is embarrassingly hideous and harsh).

    How to avoid it?

    Thanks!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author malihu

    (@malihu)

    Hi,

    Go to plugin settings and enable “Prevent other scripts from handling plugin’s links” option and set “Prevent other scripts from handling plugin’s links selector(s)” field value to:

    a[href*='#']:not([href='#'])

    Save changes and test.

    I have a general guide for Elementor here. The problem is that each site is different, with different plugins and scripts that can affect smooth scrolling.

    Let me know

    Thread Starter ofmarconi

    (@ofmarconi)

    I did that, cleared the cache and still with the same error, Sorry :/

    Plugin Author malihu

    (@malihu)

    No problem. Can you send me your page/website URL so I can check what happens?

    Thread Starter ofmarconi

    (@ofmarconi)

    Here: https://sembabozera.com/home/

    Plugin Author malihu

    (@malihu)

    OK. The quickest solution is to set a highlight selector in plugin settings.

    Go to “Page scroll to id” settings and add the following value to “Highlight selector(s)” option:

    .elementor-element-0f55bd7 .elementor-button-link[href*='#']:not([href='#'])

    Save changes, test and let me know if everything works.

    Thread Starter ofmarconi

    (@ofmarconi)

    Hummmm

    Interesting, I made some changes:

    .scrolltoid a[href*='#']:not([href='#'])

    How about if your plugin always considers the “scrolltoid” class?

    So you could have an orientation: If you are still having a conflict, try adding the class to the menu or container of the buttons.

    Do you think it would be more widespread? Or was it just luck?

    Plugin Author malihu

    (@malihu)

    Great.

    The issue you’re having happens because another Elementor script adds its own smooth scrolling event which creates a conflict. The script that does this is this:

    ...plugins/elementor/assets/js/frontend-modules.min.js

    “Page scroll to id” already considers the highlight class in order to bypass such conflicts but I’ll make a minor change in plugin’s next version so the user won’t have to add any class at all.

    I’ll update plugin’s development version and if you have time you can check it. I’ll post an update here when ready.

    Plugin Author malihu

    (@malihu)

    OK I’ve updated the code in plugin’s development version so you don’t have to use a class. If you want and have time you can check it by downloading and testing it here:

    https://downloads.www.ads-software.com/plugin/page-scroll-to-id.zip

    Thread Starter ofmarconi

    (@ofmarconi)

    @malihu

    How fast! Thank you, I replace and remove the “.scrolltoid” from the plugin settings.

    It’s still working, I think what you did is on the right way ??

    • This reply was modified 1 year, 11 months ago by ofmarconi.
    Plugin Author malihu

    (@malihu)

    Awesome! Thanks a lot for the feedback ??

    You can continue using the development version and update the plugin as you normally do when the new version (1.7.6) is released.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Using Page scroll to id with Elementor’ is closed to new replies.