「scrollしたら」を設定しよう

画面をscrollしたらscroll位置を、
.scroll-valに表示使用しよう

                <div class="scroll-val">0</div>
¥HTML¥

                body{
 height:5000px;
}
.scroll-val{
 position: fixed;
}
¥CSS¥

              $(function(){
 $(window).on('scroll', function(){
  $('.scroll-val').text($(this).scrollTop());
 });
});
¥JavaScript¥

画面のscroll位置を取得するには、
scrollTop() を使います。
$(this)　は　$(window)　のことなので、
$(this).scrollTop()　となります。

ログインして解答を見る

完了にする！

1.JavaScriptでできること

続きの動画を見たい方は公式LINEから「JavaScript」と送信すると動画が見れます。