【JavaScript】スクロールに連動して要素を自由自在に表示させる［AOS］の使い方ウィンドウをスクロールさせると要素がフェードインしながら表示されるスクリプト［AOS（Animate On Scroll Library）］の使い方を紹介します。 まずは試しに実装してみたサンプルをご覧ください。 DEMO : https://on-ze.com/demo/js-aos/ 要素を表示させる際の動きは「Fade」「Flip」「Zoom」の３種類が用意されています。 ここにタイミングや速度、上下左右の動きや回転の向きを指定できるので、実際にはかなり多くのカスタマイズが可能です。 jQuery不要で動くのも嬉しいですね。 配布されているJSファイルとCSSファイルの２つを読み込み、特定の要素に『data-aos』属性を指定するだけで動きます。 各ファイルのダウンロードは以下より。 AOS : http://michalsnik.github.io/aos/ AOS（Animate
hokoweb.com - hokoweb リソースおよび情報
