横スクロール値を取得しよう

あらかじめエディタに書くコード

                    <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¥
                

期待する画面