fullpage.jsどこですか？

Question

現在のセクションとスライドを特定できるfullpage.jsのメソッドが表示されません。セクション（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コールバックをチェックします。