jQuery基礎講座[第7回] どーも@PNRAです! 忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 表題の通り、スクロールするとアニメーションを実行する、というものを作っていきたいと思います。これは、ウィンドウのスクロール量とアニメーションを実行する要素の位置関係を取得し、ウィンドウに出現するタイミングでクラスをつけてアニメーションを実行する、といった内容になっています。 前回の基礎講座(jQuery基礎講座[第6回]:スクロール量に応じて要素(ヘッダーなど)を固定する(ZIP付))と近しい内容になっているので、是非こちらも合わせて読んでみてください。 それでは、具体的にみていきましょう。 実装実例 どんな動きになるのかは下記画像内のウィンドウをスクロールしてご覧ください。(こちらは『placeit』で作成させていただきました。) ページが読み込まれると、