Как при скролле добавить анимацию элементов?

Question

[zjoin]

Вообщем нужно чтобы при скролле появлялась анимация элементов типа как здесь: anorudes.github.io/React-Scroll-Effect

На 0.14 версии не взлетает, может есть какие еще варианты, кто знает?

Answer 1

[Владимир Ио]

там же прямо в коде. Как вы вызываете событие?

<section>
     <ScrollEffect className="element" animate="bounceInUp" callback={this.callbackAnimateElement4.bind(this)}> 
            <span>4</span>
     </ScrollEffect>
</section>

callbackAnimateElement4()
    alert('callback animate of 4 element');
  }

Comments

[zjoin]

Вот с этой штука вылетает Warning: require('react/addons') is deprecated. Access using require('react-addons-{addon}') instead.

[Андрей Антропов]

zjoin: так и используйте напрямую аддоны он же говорит прямо require('react-addons-{addon}')

[Владимир Ио]

zjoin: Вам ошибка дословно сообщает - способ обращения require('react/addons') был удален. Вместо него используйте require('react-addons-{addon}') .

[zjoin]

И какой синтаксис импорта в es6?

Answer 2

[Сергей Карвасарный]

mynameismatthieu.com/WOW/index.html вот попробуй)

Comments

[zjoin]

Это хорошо, но как импортировать внешнюю библиотеку в реакт?

[Astero_lol]

zjoin: https://www.youtube.com/watch?v=0h7eluYJtZc вот полезное видео про рекст, на 1:00:36 показывают как использовать jquery плагины

[zjoin]

Astero_lol без jquery, просто как подключать библиотеку без зависимостей