Javaスクロールアップフェードイン、スクロール中にスクロールアップフェードアウト

Question

スクロールするときに画面の中央（画面の中央から画面の中央）に移動するときに、さまざまな要素をフェードインしたい、画面の上部からスクロールしてフェードアウトします。

特定のputでスクロールしないように要素を止め、フェードイン/アウトエフェクトを使用できます。

私が抱えている問題は、不透明度の変更の開始点と終了点を制御するだけでなく、停止後にスクロールを続けることです。

$(window).scroll(function(){ 
    $("#theFixed").css("top",Math.max(150,450-$(this).scrollTop())); 
}); 

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     $("#theFixed").css("opacity", 0 + $(window).scrollTop()/1200); 
    }); 
}); 

<div id="theFixed" style="position:fixed;top:450px;background-color:red" >SOMETHING</div> 

STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR>STUFF <BR> 

Answer 1

このチェックでは、ScrollMagicを使用してください。this example