js控制滚动条位置

js控制滚动条位置

今天遇到一个问题，scrollTop定位滚动条位置时不生效，查找问题发现在给元素设置滚动属性后，直接设置了该元素滚动条的位置，导致该元素没有子元素被撑起的时候就设置了滚动条位置，此时是没有滚动条出现的，怎么打印滚动条的高度都一直为0。
下面代码是先把图形渲染出来撑开父元素，给父元素设置滚动属性，设置滚动条的位置

 private renderData = () => {
 		/* 图形渲染方法 */
        this.renderCanvas();
        /* 定位滚动条，要在图形渲染之后定位 */
        const dom = document.getElementById(this._para.container)
        dom!.style.overflow = "scroll"
        dom!.scrollTop = this._para.data.canvas.center.y
        dom!.scrollLeft = this._para.data.canvas.width / 2 - this._para.data.canvas.center._width / 2
}

设置元素滚动：

元素.style.overflow = "scroll"

设置滚动条位置：

元素.scrollTop=数值
元素.scrollLeft=数值

注：设置滚动条位置时，一定要确认的前提是滚动条出现。