on:2013年3月29日sponsorsシンプルな機能のjQueryのプラグインを利用して、スクロールして次のコンテンツを表示する時にかっこいいエフェクトを与えるテクニックを紹介します。Visibleまずは、使用するプラグインからご紹介。Visibleは、ページ上の要素がビューポート内にあるかどうかチェックするプラグインです。デモページでその動作が確認できます。Visibility」をクリックします。ビューポート内に配置されている要素にはグリーンの「Onscreen」スクロールして、ビューポート内に配置されていなかった要素を表示します。Visibleのビューポート内に要素があるかどうかチェックする機能を使ったナイスアイデアのデモを紹介します。Visibleを使ったデモページスクロールをしてビューポート外の要素を表示する時、スクロールに追従するようなアニメーションで次の要素を表示します。このエフェクトは、Nexus7でGoogle+アプリをスクロールダウンした時のような感じです。Visible」は、非常にシンプルです。})(jQuery);ウインドウのスクロール時に表示される要素に、classを付与します。});スライドのアニメーションは、CSS3です。}}要素が既に表示なのか、スクロールで表示されるのかをチェックし、classを付与します。Posts関連記事が見つかりませんでした。