mmautomatizacion/mm.angular-fullpage.js

Anchors Not working

Closed this issue · 4 comments

Hello,

I am using your mm.angular-fullpage.js and i am facing issue in anchors.

When i click on anchors it not got to section.

Give me some solution.

Can you be more concise? How are you linking to anchors?

I use below code

<div full-page>

<!-- navigation links -->

<ul id="myMenu" class="nav navbar-nav menu">
<li data-anchor='page1'><a href="#page1">page1</a></li>
<li data-anchor='page2'><a href="#page2">page2</a></li>
<li data-anchor='page3'><a href="#page3">page3</a></li>
<li data-anchor='page4'><a href="#page4">page4</a></li>
<li data-anchor='page5'><a href="#page5">page5</a></li>
<li data-anchor='page6'><a href="#page6">page6</a></li>
</ul>

<div id="fullpage">
<div class="section">
page 1 content
</div>
<div class="section">
page 2 content
</div>
<div class="section">
page 3 content
</div>
<div class="section">
page 4 content
</div>
...
</div>
</div>

<!--config.js-->
fullPageConfigProvider.setConfig({

menu: '#myMenu',
lockAnchors: false,
anchors:['page1', 'page2', 'page3', 'page4', 'page5', 'page6']
...
})

do you need more information?

Hi @awsomedesigner,
Try to change "#page1" to "#!page1" on <a> tag.

And change "data-anchor" on <li> tag with "data-menuanchor".