除非Top：在父Div上可见，否则ScrollTop将不起作用

Question

我在项目中遇到问题，我无法共享代码，但是我在这里编写了相同的方案。有父div的溢出：隐藏和子div的溢出：隐藏，我们应用scrollTop它将正常工作。但是由于overflow：隐藏的文本不可见，所以我需要从parent和chld div中删除overflow：hidden，因为scrollTop无法正常工作，它不会设置任何值。

// Html
<div class="parent" id="container">
<div class="child">
<div>
</div>
<button onclick="myFunction() ">
button
</button>

//Css 
.parent{
  width:100px;
  height:100px;
  overflow:visible;
  background-color:red;
}

.child{
  width:200px;
  height:200px;
  background-color:green;
}

//Javascript
var elmnt = document.getElementById("container");
 myFunction = function(){
  console.log(elmnt.scrollTop)
  elmnt.scrollTop += 10
  console.log(elmnt.scrollTop)
}

对ScrollTop起作用有任何建议吗？