0

ページを下にスクロールすると、背景画像が薄くなるようにしたいと考えています。

不透明度でフェードする 2 つの div があるものを見たことがあります。このようなもの：

<div class="background1"></div>
<div class="background2"></div>

そして、ある種のjQueryコードよりも、私は本当にそれを理解していませんでした.

誰かが助けてくれることを願っています。

scrollTopでできると思いますが、どうやって取得するのかわかりません。

4

1 に答える 1

0

あなたは正しい軌道に乗っています。イベントをドキュメントにバインドして、スクロールをチェックし、高さを確認します。

$(document).scroll(function(){
    var scrollTop = $("html").scrollTop();
    if(scrollTop > 150){
        $(".background2").fadeIn();
    }
    else
        $(".background2").fadeOut();
})
于 2013-06-25T13:41:03.527 に答える