Question

我希望自动设置fullpage.js的Anchor-Array。我想将它粘贴到我的WordPress主题中，但我的功能有问题。你有什么想法吗？谢谢你的帮助。

HTML

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

JS

function getAnchorarray() {
 var idarray = $("#fullpage")
     .find(".section")
     .map(function () {
         return this.id;
     }) 
     .get(); //ToArray
}

$('#fullpage').fullpage({
 navigation: false,
 scrollBar: true,
 menu: '.main-nav',
 //anchors: ["page-section-1", "page-section-2", "page-section-3", "page-section-4"],
 anchors: getAnchorarray(),
 responsiveWidth: 400
});

Answer 1

只需使用data-anchor属性:) 详见in the docs：

请注意，如果没有提供锚点数组，也可以使用data-anchor属性以相同的方式定义节锚点。

<div class="section">
    <div class="slide" data-anchor="slide1"> Slide 1 </div>
    <div class="slide" data-anchor="slide2"> Slide 2 </div>
    <div class="slide" data-anchor="slide3"> Slide 3 </div>
    <div class="slide" data-anchor="slide4"> Slide 4 </div>
</div>

使用Section ID设置自动Fullpage.js锚点

1 个答案: