ログイン

問題22 「scrollしたら」を設定しよう

JavaScriptの問題

JavaScript

「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」と送信すると動画が見れます。
LINEの友達追加でお役立ち動画をGET!!