【ゴール】

【メリット】

■　リッチなサイト構築
■　jQuery理解度向上　

＊jQueryのgem、もしくわ、ライブラリの読み込みが必要です！
HTML記述
jQuery記述

＊JSが読み込めるように「id」をつけます。

hoge.html

.
.
.
.
<h2 id="text" style="display: none;">文字が遅れて見えてきます</h2>
.
.
.
.

＊「window」に対して、スクロールイベントを発火
＊「if」による条件分岐
　→＊「.scrollTop」が一定の数値で発火（今回は1100で設定。）
　→＊「fadeIn」でフワッと現れます。

hoge.js

$(window).scroll(function () {
    if ($(this).scrollTop() > 1100) {
      $('.text').fadeIn(1000);
    }
 });

以上、jQuery記述少なくてとても便利です。。。。

■ 【jQuery】初心者でもよく理解できたやつ
https://qiita.com/tanaka-yu3/items/a03734b248c3f2ee8461

■他、スクロールイベントについて
https://yuyauver98.me/scroll-show-hide-btn/