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.ydom!.scrollLeft = this._para.data.canvas.width / 2 - this._para.data.canvas.center._width / 2}

设置元素滚动：

元素.style.overflow = "scroll"

设置滚动条位置：

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

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