問題22:「scrollしたら」を設定しよう
画面をscrollしたらscroll位置を、
.scroll-valに表示使用しよう
.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¥
#忍者CODE無料問題集で活動を記録しよう
完了にする!
1.JavaScriptでできること
scrollTop() を使います。
$(this) は $(window) のことなので、
$(this).scrollTop() となります。