Question

我无法在fullpage.js中看到一个方法，我可以在其中确定当前部分和幻灯片。 section（afterLoad）有一个回调，但只告诉我该部分不是幻灯片。我不想在JS中保存每个部分所在的幻灯片的虚拟地图，但我需要知道以显示/隐藏社交分享图标。有没有办法访问内部

Answer 1

如果您在the state classes used by fullpage.js处理，则会注意到它使用的格式为fp-viewing-SECTION-SLIDE的课程作为当前部分和幻灯片的指示。

将fp-viewing-SECTION-SLIDE形式的类添加到站点的body元素中。（例如：fp-viewing-secondPage-0）SECTION和SLIDE部分将是当前部分和幻灯片的锚点（或者如果没有提供锚点则为索引）。

您可以在the demo page上自行测试，然后您可以在this video tutorial上查找此功能的用例。

请注意在活动幻灯片和部分中如何使用类active，这意味着您始终可以使用CSS或Javascript获取网站的状态。

例如：

var activeSection = $('.section.active');
var activeSlide = activeSection.find('.slide.active');

如果您想使用afterLoad之类的回调，您可以随时执行此操作：

$('#fullpage').fullpage({
    afterLoad: function(anchorLink, index) {
        var loadedSection = $(this);
        var loadedSlide = loadedSection.find('.slide.active');
    }
});

或者直接查看afterSlideLoad回调。

fullpage.js我在哪里？

1 个答案: