JSFiddle - React, Tailwind, and code Playground

by huuzoo

HTML

<button onclick="moveScroll();">移動</button>
<div id="target">
  <div id="sample">
    <p>サンプルテキストサンプルテキストサンプルテキスト<br></p>
   </div>
</div>

CSS

#target {
  overflow: scroll; 
  width: 200px;
  height: 70px;
}
#sample {
  width: 200px;
  height: 500px;
  background-color: yellow;
}

JavaScript

function moveScroll(){
	var target = document.getElementById('target');
	target.scrollTop = 50;
}