0

下にスクロールすると画像がフェードアウトするページを作ろうとしています。次に、もう少し下にスクロールすると、新しい画像がページに入るとフェードインします。

私は jQuery の知識がほとんどないため、この Web サイトでこの問題の解決策を検索しました。コードを見つけてサイトに追加しましたが、Web サイトにはまったく影響しませんでした。画像を使用しているからでしょうか。

コードは次のとおりです。

var subsectionTop = $('.sub-section').offset().top;

$(window).scroll(function () {
if ((subsectionTop - $(window).scrollTop()) < 20) {
    $('.sub-section').stop().fadeTo(100, 0);
} else {
    $('.sub-section').stop().fadeTo('slow', 1);
}
});

私は非常に立ち往生しており、皆さんが私に提供できる助けをいただければ幸いです。ありがとう ：）

PSここに私のコードのすべてを備えたjsfiddleがあります

4

1 に答える 1

1

コードにいくつかの変更を加え、jquery をフィドルに追加しました 

<script>
$( document ).ready(function() {
         var subsectionTop = $('.sub-section').offset().top;

        $(window).scroll(function () {
            var y = $(window).scrollTop();
            if (subsectionTop < y) {
                $('.sub-section').fadeTo(100, 0);
            } else {
                $('.sub-section').fadeTo('slow', 1);
            }
        });
    });
</script>
于 2013-07-24T19:55:41.150 に答える