screenY参照オブジェクトの違う座標を理解するイベント発生時の座標がそれぞれの参照オブジェクトを参照しますoffestX/Y:イベントリスナーを設定してオブジェクト(例:div、アンカータグ、ボタンなど)そのオブジェクトを表示するボックスの縦、横の座標となりますclientX/Y:viewportの縦、横までの座標となりますviewportはブラウザの可視範囲を指しています(詳細は:「HTMLコンテンツをモバイル・タブレットのブラウザに最適化するメタタグ(viewport)の利用」を参考)pageX/Y:コンテンツのHTMLのドキュメント(htmlタグ)に参照しますコンテンツが長い時に、ブラウザのviewportに表示切れないことがあります。」を参考しますシリーズ記事一覧コンテンツ表示とスクロール時のアニメ効果やりたいこと:ページがロード/スクロール時に、コンテンツがブラウザに次から次への流れ込むようなアニメ効果ホームページがロード、またはスクロール時にコンテンツが一定な間隔で次から次へ流れ込むアニメ効果が比較的にコンテンツを強調しやすいです。簡単なサンプルを作成して、以下のような効果となります:&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;解決方法:cssのtransform効果、jQueryでアニメ効果の作成ネットでいろいろなアニメ効果のプラグインがあり、それを利用するのも簡単にできます。簡単なcss/jQueryで設定ができるので、プラグイン利用せず、自作で実現することにしました(多いサードパーティーのプラグインを入れるとサイトが重くなる心配もあり)。表示コンテンツが長い場合、ブラウザのスクロールより、コンテンツの各要素を表示したり、非表示したりします。ブラウザのサイズ、各要素との距離関係は以下のような関係となります表示要素がブラウザとの距離関係は、HTMLのDOMにある$(window).scrollTop()、$(window).height()、$("#obj").offset().top、$("#obj")[0].scrollHeightなどの要素を確認する必要がありま。cssのopacityで柔らかい動画効果の作成css動画効果の効果プロパティはAnimationとTransitionなどがあります。0s;}コンテンツの各要素に表示と非表示はcssのopacityで制御します(visibilityプロパティは利用しない)。設定ブラウザの表示領域内の要素を表示タイミングを動的に設定し(既に設定されたものを無視<-スクロールの時)、順次に表示させます。