Animate on scroll library aos

2017/02/12 | Ruby on Rails, webテク

scrollとanimateを使う際にwow.jsとanimate.cssを使っていたのですが、最近見つけた両方を兼ね備えたlibraryのaosを見つけたので使ってみました。

railsに組み込む際は、app/assets/javascriptsにaos.js, app/assets/cssにaos.cssを配置してapp/assets/javascripts/application.jsに

$(function(){
AOS.init();
});

これでanimationが使えるようになります。とても便利です。