fullpage.js我在哪？

Question

在fullpage.js中，我看不到一个可以确定当前部分和幻灯片的方法。有一个回调部分(afterLoad)，但这只是告诉我的部分，而不是幻灯片。我不想在JS中保留一个虚拟地图，每个部分都在幻灯片上，但是为了显示/隐藏一个社交共享图标，我确实需要知道。有什么方法可以进入内部

Answer 1

如果您使用fullpage.js使用的状态类，您会注意到它使用了一个类，表单fp-viewing-SECTION-SLIDE作为当前部分和幻灯片的指示符。

表单fp-viewing-SECTION-SLIDE的一个类被添加到站点的body元素中。(例如：fp-viewing-secondPage-0)该部分和幻灯片部分将是当前部分和幻灯片的锚(或索引，如果没有提供锚)。

您可以在演示页面上自己测试它，并且可以在本视频教程上查找这个特性的用例。

还请注意在活动幻灯片和部分中如何使用类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回调。