Nice scrolling for Anchor Menu

psydelia

Hello im trying to add an achor on a menu to target on the same page (like yours 1 page demos)

I do it the classic way:

<a name="anchor"></a>  http://blabla/#anchor>(On he menu as a custom link)

But i dont get any scrolling at all it just goes to that part instantaneously ,what am i missing?

Is there another way to add anchors to move from the menu to an anchor on the same page?

Ive read all the documentation on menus but didnt find anything

Albert

Hi,

you did it wrong. #anchor is ID so the section should be:

<a id="anchor">test</a>

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

laback

Hi, Ive got a similar Problem. The anchor works BUT it JUMPS instead of SCROLLING. Is there any solution? Did I miss a class for my anchor element?

<a href="#kabinen"></a> ---->

<h1 id="kabinen" class="anchor">Kabinen</h1>

Thank you

Albert

@laback Yes, you missed class="scroll" which should be added for a item.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tableconnect

What am I doing wrong here 

1. the page scrolls to the anchor on PAGELOAD!?

2. the buttonslider class gets ignored (how to assign scroll and buttonstyling?)

Button:

<a href="#more" class="scroll, buttonslider">L E A R N   M O R E</a>

Anchor:

<h2 id="more">STEAL THE SHOW</h2>

Thanks

Albert

@tableconnect Maybe it's because of "," between classes? Who told you to use comma between classes?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tableconnect

Thanks I fixed that but one problem remain: the page scrolls to the anchor/ID as soon as the page gets loaded. (without clicking the link)...

Albert

Which link should be open to see this behave?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next