.outer{
  background-color: skyblue;
  width: 200px;
  height: 200px;
  overflow-y: scroll;
}
.outer div{
  background-color: pink;
  width: 50px;
  height: 200px;
}
.outer div:nth-child(even){
  background-color: gray;
  width: 50px;
  height: 200px;
}

//スクロール量をコンソールに表示する処理
let target = document.getElementById('target');
target.onscroll = () => console.log(target.scrollTop);

//ボタンを押したらスクロール位置400に移動する処理
let actionButton = document.getElementById('actionButton');
actionButton.onclick = () => target.scrollTop = 400;