4 回答
TA贡献13条经验 获得超3个赞
fixedElements:固定元素,默认为null,需要配置一个jquery选择器,在页面滚动时,其设置的元素固定不动,也就是说他不会随页面的滚动而滚动。
fixedElements:'#header', 如果不设置,header会被覆盖掉,并且看不到
paddingTop/paddingBottom:设置每一个section顶部和底部的padding,默认为0;paddingTop/paddingBottom:0,
一般如果我们需要设置一个固定在顶部或者底部的菜单、导航、元素等,可以使用这两个配置项
menu:绑定菜单。设定的相关属性与anchors的值对应后,菜单可以控制滚动,默认为false,可以设置为菜单的jquery选择器
<ul id="fullpageMenu"> <!-- 设置菜单第一步: 用ul标签写,并且设置id名为fullpageMenu-->
<!--菜单第二步: <a href="#page1"></a>菜单的链接指向每一个锚链接,也就是说和每一个section
【anchors:['page1','page2','page3','page4'],】里面的锚链接的设置是一一对应的 -->
<!--菜单第三步: 还需设置data-menuanchor="page1"这样一个属性,他也和下面每一个section中设置的锚链接一一对应
【anchors:['page1','page2','page3','page4'],】 -->
<li data-menuanchor="page1" class="active"><a href="#page1">首页第一屏</a></li>
<li data-menuanchor="page2"><a href="#page2">第二屏</a></li>
<li data-menuanchor="page3"><a href="#page3">第三屏</a></li>
<li data-menuanchor="page4"><a href="#page4">第四屏</a></li>
</ul>
- 4 回答
- 2 关注
- 3311 浏览
相关问题推荐
添加回答
举报