视频直播源码，js控制滚动条位置

视频直播源码，js控制滚动条位置

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

下面代码是先把图形渲染出来撑开父元素，给父元素设置滚动属性，设置滚动条的位置

 

1

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

​

设置元素滚动：

 

1	<br>元素.style.overflow = "scroll"<br>

 

设置滚动条位置：

 

1	<br>元素.scrollTop=数值<br>元素.scrollLeft=数值<br>

 

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

 以上就是 视频直播源码，js控制滚动条位置，更多内容欢迎关注之后的文章