0

ウェイポイントjQueryプラグインを使用していますが、スクロールでフェードインを実行すると、プラグインは完全に動作します。それでも、ブロックを次々に（個別に）フェードインさせることはできません。これが私のjQueryコードです：

$('.hblock').not("#welcome, #block2").fadeTo(0, 0);
$('.hblock').waypoint(function(event, direction) {
    if(direction == "down") {
        $(this).fadeTo(1500, 1);
        event.stopPropagation();
    }
}, {
    offset: function() {
        return $.waypoints('viewportHeight');
    }
});

フェードの間に遅延を設定しようとしましたが、役に立ちませんでした。

$(this).fadeTo(1500, 1).delay(1000);

プラグインの動作と現在の動作を確認するには、http：//targettedmedia.co.uk/targetedmedia/を参照してください。

よろしくお願いします！

4

2 に答える 2

1

オブジェクトのグループを連続的にアニメートしたい場合は、代わりに$(this).fadeTo(1500, 1);

これを試して：

$('.hblock').each(function(i) {
    $(this).delay((i++) * 1500).fadeTo(1500, 1); 
 })

前の 1500 が終了する前にそれらを開始したい場合は、最初の 1500 を試すことができます。これが例です（下に向かって）：

http://demosthenes.info/blog/630/Fade-In-Elements-Sequentially-With-JQuery-amp-CSS3

于 2013-04-06T17:48:21.817 に答える
0

このようなものはどうですか

function _fadeout(elm){
    elm.fadeOut('slow', function(){
       _fadeout(elm.next());
    })
}

_fadeout($('.hblock').not("#welcome, #block2").first());
于 2012-10-05T11:54:33.947 に答える