Добавляйте анимацию и эффекты, когда div входит в видимость

Question

Я бы хотел, чтобы текст на моей странице прыгал / исчезал, как на mfpins.com .Однако я смотрел на добавление классов, когда div находится на определенном расстоянии от вершины, но я уверен, что есть более эффективный способ сделать это (желательно с jQuery).Происходит ли эффект только в первый раз, когда он прокручивается в поле зрения, или каждый раз, для меня не имеет значения.

Спасибо!

Answer 1

Вы можете использовать плагин jQuery, например waypoints .

Например:

var waypoint = new Waypoint({
    element: document.getElementById('waypoint'),
    handler: function(direction) {
        console.log('Scrolled to waypoint!')
    }
})