0

http://editions.redbullusa.comのような垂直スクロール Web ページを jquery で作成しようとしています。以下のスクリプトに出くわしました。ページを下にスクロールすると、要素を正しくフェードインできますが、次の要素が所定の位置にスクロールされているときに前の要素がフェードアウトし、スクロールしてフェードインするようにしたいと考えています。正しい要素、本質的にスクリプトを逆にします。

    slides = $('.slide');
slides.children().fadeTo(0, 0);
$('#slide-1').children().fadeTo(1000, 1);
$(window).scroll(function(d,h) {
    slides.each(function(i) {
        a = $(this).position().top + $(this).height();
        b = $(window).scrollTop() + $(window).height();
        if (a < b) { 
            $(this).addClass('current');
            $(this).children().fadeTo(1000,1);
            $(this).children('.polaroid').addClass('fadeInRightBig');
            $(this).siblings().removeClass('current');
        }
    });
});

これを実現する方法について、私は本当に途方に暮れています。誰かがここで私を助けてくれることを願っています。私がいじっているサイトはhttp://interesponse.com/curryacura/index2.phpです

4

1 に答える 1

0

視差プラグインを使用することをお勧めします。stellar js を試してみてください。要素にデータ属性を追加するだけで、stellar がアニメーションを処理します。

http://markdalgleish.com/projects/stellar.js/

于 2013-05-31T19:15:51.707 に答える