スクロールに合わせてコンテンツをふわっと出す方法
Waypoints.js と Animate.cssを併用する方法
- waypoints.js
- Waypoints.jsのトップページ にある「Download」からダウンロード
- zipファイルを展開し、libフォルダの中にある
jquery.waypoints.min.jsというファイルだけ使用 - 読み込み（jQueryの後に読み込み）
- Animate.css
- Animate.cssのトップページにあるCDNをHTMLの<head>内で読み込み
- アニメーションさせたいHTML要素にanimate__animatedとanimate__●●●を追加（●●●はアニメーションの種類）
※アンダースコアは半角アンダースコア２つ連続で入力
- jQueryの編集
【参考サイト】
例
https://output.jsbin.com/depeden/
waypoints公式サイト
http://imakewebthings.com/waypoints/
Animate.css公式サイト
https://animate.style/
Youtube
