解决给元素设置scrollTop但不生效问题

scrollHeight

scrollHeight in MDN

• Element.scrollHeight 这个只读属性是一个元素内容高度的度量(整数)，包括由于溢出导致的视图中不可见内容。
• scrollHeight 的值等于该元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度。没有垂直滚动条的情况下，scrollHeight 值与元素视图填充所有内容所需要的最小值clientHeight相同。包括元素的 padding，但不包括元素的 border 和 margin。
  

scrollTop

Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数(不取整)。

const div = document.querySelector('div')
div.scollTop = 400px

注意：
scrollTop只对有滚动条的元素有效

1. 子元素和父元素都设置了高度，且子大于父
2. 父元素样式不能设置 overflow:hidden 而应该设置overflow:scroll属性