【JavaScript】スクロールに合わせてふわっと表示させる方法 Part1.「AOS編」 - ABCウェブエンジニアblogサイトを印象付ける方法としてアニメーションが用いられているのをたまに見かけると思います。 ページをスクロールさせると、その場所に来たタイミングでふわっとタイトルや画像がフェードインしてきたりするアニメーション等ありますよね。 こんな感じにふわっと表示 ↑今回ご紹介するのはこの動きの実装方法です。 ただ単にアニメーションさせる方法としてはCSSでも可能ですが、スクロールに合わせてとなるとJavaScriptが必須です。 そこでJavaScriptに苦手意識がある人も簡単安心なプラグインでの導入を紹介したいと思います。 jQuery不要、超簡単ふわっと表示系JavaScriptプラグイン「AOS」 いくつか使用した事のあるプラグインの中で最近ちょうど使っている 「AOS (Animate On Scroll Library)」というjQuery不要のJavaScriptプラグインを解説します。
