問題
19
JavaScript
横スクロール値を取得しよう
JavaScriptの問題に挑戦しよう！
問題
「横スクロール値を取得しよう」
.x-scrollの横スクロール値を
.scroll-valに表示させよう
あらかじめエディタに書くコード
<div class="scroll-val">0</div>
<div class="x-scroll">忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者CODE忍者</div>
¥HTML¥
.x-scroll{
width: 200px;
padding: 30px 30px;
background-color: gray;
overflow-x:scroll;
white-space: nowrap;
}
¥CSS¥
期待する画面
解答と解説
解説
LINE登録して解答を見る
※ご登録後すぐに解答閲覧用URLが
LINEで届きます
横スクロールの値はscrollLeftで取得できます
scrollTopとすれば縦のスクロールが取れます。
縦と横の両方取得できるので覚えておきましょう。
