WaypointsとAnimate.cssでスクロールアニメーションを実装する方法 | Inoma Createこんにちは、koheiです。 最近スクロールしていくと動的に要素が表示されるWebサイトが増えていますよね。 WordPressを使用したWebサイトでもjQueryプラグイン「Waypoint」とアニメーション用CSS「Animate.css」を使えば簡単にスクロールアニメーションが実装できます。 それでは早速実装方法をご紹介しましょう。 Waypointの読み込み Waypointsとは、スクロールイベントが制御できるjQueryのプラグインです。 以下サイトからwaypointsをダウンロードしましょう。 Waypoints WordPressにWaypointsを読み込むには、ダウンロードしたファイル「jquery.waypoints.min.js」をjsファルダに格納し、functions.phpに以下を記載します。 ※4行目は、自分で作成したスクリプトファイルを読み込む処理です
