Прокрутка анимации с путевыми точками, идущими вперед и назад - PullRequest
Новая
       55

Прокрутка анимации с путевыми точками, идущими вперед и назад

0 голосов
/ 21 июня 2019

Я пытаюсь создать анимацию, которая может работать вперед и затем назад.

Итак, в этом примере - переместить блок в позицию - затем переместить блок из позиции, когда пользователь прокручивает

путевая точка ковша http://jsfiddle.net/Lfhepta3/7/

анимация на путевых точках http://jsfiddle.net/Lfhepta3/10/

$(document).ready(function() {

  // hide our element on page load
  $('#element-to-animate').css('opacity', 0);

  $('#element-to-animate').waypoint(function(direction) {
    if (direction === 'down') {
      // reveal our content
      $('#element-to-animate').addClass('fadeInLeft');
      $('#element-to-animate').removeClass('fadeOutLeft');
    } else if (direction === 'up') {
      // hide our content
      $('#element-to-animate').addClass('fadeOutLeft');
      $('#element-to-animate').removeClass('fadeInLeft');
    }

  }, { offset: '50%' });

});

https://spin.atomicobject.com/2015/05/31/scroll-anmiation-css-waypoints/

...