2016-09-08 1 views
4

私はfullpage.js機能を備えたページを持っており、ステージ間のページ要素を操作したいと考えています。 >ステージ間のスクロール中に。ステージ間のfullpage.js初期イベント

ここでは、プラグインの基本構造と、ステージの変更時にやりとりしたい要素があります。今私は私が望むものを達成しているが、ページは第四ステージ部に到達したときには、を。消えるが、私はプラグインは、第三にスクロールダウン4番目のセクションに到達する前を消えるためにそれを必要とします。

<div id="element"> 
    <p>The Element. *</p> 
</div> 
<div id="fullpage"> 
    <div class="section">SECTION ONE *</div> 
    <div class="section">SECTION TWO **</div> 
    <div class="section">SECTION THREE ***</div> 
    <div class="section homeFour">SECTION FOUR ****</div> 
</div> 

私は一緒に入れているサンプルFiddle here.

どのように私は私が達成しようとしている何を達成することができますか?


ボーナスヒント:

あなたは私は2番目の段落here.

答えて

3

で説明している逆のロジックを見つけることができますonLeave、のようなものが必要なのかイベント? https://jsfiddle.net/x7bdwynx/1/

onLeave: function(index, nextIndex, direction) { 
     if(index==3&&nextIndex==4&&direction=="down") 
     {   
      $('#element').addClass('hideCont');   
     } 
     if(index==4&&nextIndex==3&&direction=="up") 
     {   
      $('#element').removeClass('hideCont');   
     } 
    } 
+0

ここで少しバーンアウトしています。なぜ私はそれを考えなかったのですか?どうもありがとうございました! – snkv

関連する問題