One page - link scroll

Hi,

I often create links which takes the reader to a particular section. BeTheme by default takes the reader to section with a ''jump''. I would like to take the reader to the section with a smooth scroll. How can I achieve that please?

I know it is possible because I can see it in some demos, like: https://themes.muffingroup.com/be/design3/

Thanks

Comments

  • Hello,
    This is what you need to do:

    1. Go to menus and create a new menu - http://prnt.sc/f2v9he
    2. Name the menu and add a custom link with the ID anchor you will use later(do not use spaces). Add to menu -http://prnt.sc/f2v9th
    3. When the menu item is added to the menu, save and go to Manage Locations -http://prnt.sc/f2vafb
    4. You go to your main page, you see the new link but when you click nothing happens? No worries, it is because the link has to know where to scroll, to do this edit the page. -http://prnt.sc/f2vc36
    5. Edit the section to which you want the button to scroll -http://prnt.sc/f2vcho
    6. In the field Custom ID type in the id from the button, in my case, it was id=work, no hashtag there -http://prnt.sc/f2vgaz
    7. Remember to have the one-page option selected under the muffinbuiler -http://prnt.sc/f2vcm7

    If you do not want to use a normal menu to link the user to sections, you need to add a 'scroll' class to the custom link elemment.

    Thanks
  • Thank you! It worked perfectly.

    Only one more thing, is there please way how to achieve the same with button in slider revolution?When I click on 'actions' > simple link > and add my #link it does not work, it jumps to the section but does not scroll. Is there any way how to do it please. The button in the slider is the most important one. 

    Thank you 
  • I forgot to mention that I use muffin builder and not WPBakery page builder. I guess maybe that is important to note. 
  • Can you post me a link to the page where this appear, basically link with "#link" should work fine.
    I have to check it in the code of your page.
    Thanks
  • It works, but it jumps. Not smooth scroll.

    I don't have it published yet 
  • Did you add a 'scroll' class to the custom link element?
    Thanks
  • thanks! That did the trick 
Sign In or Register to comment.