スクロール時に背景画像をブレンドアウトする方法

Question

スクロールダウン時に<bodyの背景をフェードアウトしたいページウェブサイトが1つあります。 jQueryで試してみましたが、正しいセレクターが見つかりませんでした。私は<body要素を消すことができますが、background-imageは完全に不透明になります。私試してみた：

$(window).scroll(function() { 
    $("body").css({ 
     'opacity': 1 - (($(this).scrollTop())/250) 
    }); 
    }); 

ご覧ください。http://inetgate.biz/ron.eggler/

Answer 1

あなたは体の不透明度を減少しようとしている、それが全体のコンテンツを非表示になりますスクロールに意味、私はあなたの場合は、所望の効果を達成することができると思います体の下に新しいのdiv権利を作成し、その直接または背景画像としてDIVと絶対と100％の幅の高さのdivプロパティを設定する上で、大きな画像を入れ、 そして、あなたにこの

$(window).scroll(function() { 
$("new div id ").css({ 
'opacity': 1 - (($(this).scrollTop())/250) 
}) 
}); 

のようなJSを追加