【jQuery】スクロールと連動して一瞬だけテキストを表示する | UNORTHODOX WORKBOOK | Blog

前回の続きになりますが、今回はjQueryを利用して、前回よりも少しだけリッチな感じにしたものをご紹介いたします。 タイトルの通り、スクロールと連動させ、スクロールにあわせて一瞬だけテキストを表示させる方法になります。 スクロールにあわせて一瞬だけテキストを表示 どういうことかというのはデモを見て頂くと分かると思いますので、デモをご覧ください。 DEMO jQueryといってもほとんどCSSの力でやっております。CSS万歳。 HTML デモでは2ヶ所で表示されるようになっていますが、HTMLコード自体は基本同じなので1ヶ所だけ記載します。 <div class="contents" id="js-flashText"> <div class="flash-text"> <p>ここに一瞬だけ表示させたいテキスト</p> </div> <div class="contents__inner">