React篇-滚动条下移的触发在react的生命周期分析
项目的要求是一个chartUI方式的聊天显示页面,根据聊天信息的不断增加,页面需要滑动一定距离,这样能看到最新的聊天结果,这样就需要在聊天结果返回之后触发滚动条向下滚动到一定的距离,代码如下:
componentDidUpdate(){ document.documentElement.getElementsByClassName("speakLineW")[0].scrollTop = 550;//内容更新以后再设置 }
componentDidUpdate 是在组件更新结束之后执行,在初始化render时不执行,
所以触发滚动条的事件写在了 componentDidUpdate 这个周期