AOS(Animate On

AOS(Animate On Scroll Library)をLaravelMixで使う。

devにインストール

$ npm install aos --save-dev

sassでCSS組み込み(.cssを付けなければインライン展開される)

@import "~aos/dist/aos";

jsで、window.AOSにrequireする

window.AOS = require('aos');

DomLoad後にinitする。

document.addEventListener('DOMContentLoaded', function () {
    AOS.init();
});