JSFiddle - React, Tailwind, and code Playground

HTML

<div id="painel" class="painel">
  <div class="conteudo">
       <option selected="selected" value="0">TESTE TESTE TESTE TESTE TESTETESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE TESTE</option>
  </div>
</div>
<input id="mover" type="button" value="Mover Scroll para a Direita" />

CSS

html, body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5px;
  margin: 0px;
  box-sizing: border-box;
}

.painel {
  overflow: auto;  
  height: 150px;
  background-color: teal;
}

.conteudo {
  width: 1500px;
  height: 50px;
}

JavaScript

var mover = document.getElementById("mover");
var painel = document.getElementById("painel");

mover.addEventListener("click", function (event) {
  painel.scrollLeft += 100;
});