03.自定义菜单

发表于 | 分类于

加上下面的代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<ul id="myMenu" style="position: fixed;z-index: 999">
	<li data-menuanchor="firstPage" class="active"><a href="#firstPage">第一节</a></li>
	<li data-menuanchor="secondPage"><a href="#secondPage">第二节</a></li>
	<li data-menuanchor="thirdPage"><a href="#thirdPage">第三节</a></li>
	<li data-menuanchor="fourthPage"><a href="#fourthPage">第四节</a></li>
</ul>

<div id="fullpage">
    <div class="section">Some 1section</div>
    <div class="section">Some 2section</div>
    <div class="section">Some 3section</div>
    <div class="section">Some 4section</div>
</div>


new fullpage('#fullpage', {
	anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
	menu: '#myMenu'
});

为什么ul加position？因为不加，就会把div顶下去，加上会脱离文档流，然后也要加z-index，因为fullpage也定位了

通过锚点控制点击到哪一页