如何在fullpage.js中自定义导航点？
如何在fullpage.js中自定义导航点？
提问于 2020-02-28 21:51:50
我在我的项目中使用了fullpage.js。我使用div id menu进行导航和菜单，但我想自定义屏幕右侧的导航点，以便最后一个点导航到第一页，而第一个点导航到最后一页。
我想将导航点按降序排列。有可能吗？
new fullpage('#fullpage',{
autoScrolling: true,
navigation: true,
anchors: ['part1','part2','part3','part4','part5'],
navigationTooltips:['5','4','3','2','1'],
showActiveTooltip: true,
})<ul id='menu' style="list-style: none; padding-left: 0;">
<li data-menuanchor="part1"><a href="#part1" style="display: none;"></a></li>
<li data-menuanchor="part2"><a href="#part2" style="padding-top: 0px;"><span>OUR SERVICES</span></a></li>
<li data-menuanchor="part3"><a href="#part3" ><span>OUR COMPANY</span></a></li>
<li data-menuanchor="part4"><a href="#part4" ><span>SWIFT CONSERVATION</span></a></li>
<li data-menuanchor="part5"><a href="#part5" ><span>BLOGS</span></a></li>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</ul>
回答 1
Stack Overflow用户
发布于 2020-03-01 02:00:10
你基本上可以用你自己的CSS覆盖默认的CSS。例如，要使用红色项目符号：
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
background: red;
}您可以看到在css文件上默认应用的样式：https://github.com/alvarotrigo/fullPage.js/blob/master/src/fullpage.css
您还可以在fullpage.js extensions页面上找到几十个预定义的导航项目符号供您购买。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60453135
复制相关文章
相似问题
腾讯云开发者
