Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1219587
    Teranox
    Participant

    Hi,

    First I don’t know if it’s the corect therm for what I want to do but here it is:

    I would like to create a slider at top of a specific page with buttons on it (custom shape layers).
    I would like to be able to click on those shapes (or texts, or images) and then it will automatically scroll down the page to their specific section.

    Example: Packaging thumbnail layer would scroll down to packaging section, finish thumbnail layer will scroll to the the finsih section, etc…

    I’ve never used that kind of thing but saw this on many website (not in revolution however), so I don’t have any clue on how it’sa working and named.

    Be clear and specific in your answer please.

    #1219620
    Joao
    Moderator

    Hi There,

    You need to add an ID to your destionaion section, for example on Cornerstone, click on the section you want the link to take you to and on the ID Box of the section add : my-section-1

    Thank link your custom shape to #my-section-1

    Hope that helps

    Joao

    #1221027
    Teranox
    Participant

    NICE!

    So quick so easy!!!

    It made my day! That’s why i’m now using X for all my projects.

    #1221075
    Joao
    Moderator

    That is great 🙂 I do the same! 😀

    Always reach us whenever you need help,

    Joao

    #1225626
    Teranox
    Participant

    In fact I need help again ;P

    Is there a way to make the junp smoot like it scroll at a certain speed to the section insteat of “click and you’re there”. like it scroll smootly to it?

    #1226225
    Rad
    Moderator

    Hi there,

    That’s possible, like from here https://community.theme.co/forums/topic/one-page-scroll-function-is-jumpy/#post-50188. But you may provide your site’s URL that has that button/link. Maybe it has different setup 🙂

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1219587 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>