スクロールイベントが発生する前に要素をアニメートする方法は？

Question

は、Fullpage.jsのヘルプが必要ですが、この質問はもっと一般的にも見られます。

アニメーションを挿入するにはどうすればいいですか？の前にスクロールイベントが発生しますか？Fullpage.jsをお持ちでない場合は、歓迎します。私はスクロール/クリックイベントをどこかでブロックし、独自の関数とメソッドの属性を読みましたが、私はFullpage.jsスクリプトからイベントを書き直すことができないため、私が探しているものではありません。スクロール入力と実際のスクロールの間にアニメーションを貼り付けるだけです。

実際の例：スクロールして要素がフェードアウトし、ページが次のセクションにスクロールします。

ライブ例：事前にhttp://www.basicagency.com/yir/

感謝。

Answer 1

あなたはonLeaveコールバックを探していると思います。

このコールバックは、ユーザーがセクションを離れると、新しいセクションへの移行時に起動されます。 falseを返すと、移動前にキャンセルされます。

$('#fullpage').fullpage({ 
 
    onLeave: function(index, nextIndex, direction){ 
 
    alert('onLeave fired'); 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="http://alvarotrigo.com/fullPage/jquery.fullPage.min.js"></script> 
 
<div id="fullpage"> 
 
    <div class="section">section</div> 
 
    <div class="section">section</div> 
 
    <div class="section">section</div> 
 
    <div class="section">section</div> 
 
</div>