<div id="container">
  <div class="child"></div>
</div>
<div id="param">
  
</div>

#container {
  display: inline-block;
  width: 100px;
  height: 200px;
  overflow: auto;
}

.child {
  height: 500px;
  width: 500px;
  background: #eee
}
#param {
  display: inline-block;
  vertical-align: top;
}

const container = document.getElementById('container')

const param = document.getElementById('param')

param.innerHTML = `
container.offsetHeight: ${container.offsetHeight}<br>
container.clientHeight: ${container.clientHeight}
<br>
container.scrollHeight: ${container.scrollHeight}
`