jquery - WaypointjQuery-アップロールとダウンロールの2つの異なるオフセット

Question

なぜ正しく動作しないのですか？2つの異なるオフセットを作成する必要があります。上スクロールの場合は小さく、下スクロールの場合は最大です。このコードはうまく機能しません。

// The same for all waypoints

$('body').delegate('section > article', 'waypoint.reached', function(event, direction) {
    var $active = $(this);

    if (direction === "up") {
        $active = $active.prev();
        $('section > article').waypoint({ offset: '10%' });
    }
    if (!$active.length) $active = $active.end();

            if (direction === "down") {

        $('section > article').waypoint({ offset: '60%' });
    }


    $('.link-active').removeClass('link-active');
    $('a[href=#'+$active.attr('id')+']').addClass('link-active');
});

// Register each section as a waypoint.


$('section > article#p1').waypoint({ offset: '28%' });
$('section > article').waypoint({ offset: '0' });