Правильный синтаксис смещения для waypoints.js

Я пытаюсь запустить анимацию при прокрутке с помощью waypoints.js и заставить ее работать с навигацией.

Я могу заставить его работать вниз по странице, но я не могу заставить его работать обратно. Если я поставлю некоторый запас от верхней части моих разделов в div путевой точки, он будет работать вверх, но тогда он не работает вниз.

Я вижу решение в других сообщениях, использующих функцию смещения. Я просто не могу понять, как заставить его работать с моим кодом. Я уверен, что у меня неправильный синтаксис для смещения... Вот мой код:

http://www.waynegoodman.com/waypoint/

Я добавил встроенное поле во второй div путевой точки. Чтобы показать, как это работает.

Я попытался добавить смещение в 3-й путевой точке, но это не сработало. Я думаю, что использую неправильный синтаксис для этого.

Может ли кто-нибудь сказать мне, что я делаю неправильно?


jquery-waypoints
person wgoodman    schedule 27.04.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

это то, что вы после?

$(*some target*).waypoint(function(direction) {
    if (direction == 'down'){   
        //do something//
    }
    else{
        //do something else//
    }
    }, 
    {offset: function() {
        return -$(this).height();
    }
});

где некоторая цель является триггером. Функция смещения внизу предназначена для того, чтобы нижняя часть вашей цели покидала верхнюю часть экрана, ее можно удалить, но я оставил ее, чтобы дать вам представление.

person Tim Wilkinson    schedule 20.06.2014