React篇-滚动条下移的触发在react的生命周期分析

项目的要求是一个chartUI方式的聊天显示页面,根据聊天信息的不断增加,页面需要滑动一定距离,这样能看到最新的聊天结果,这样就需要在聊天结果返回之后触发滚动条向下滚动到一定的距离,代码如下:

componentDidUpdate(){
        document.documentElement.getElementsByClassName("speakLineW")[0].scrollTop = 550;//内容更新以后再设置
    }

componentDidUpdate 是在组件更新结束之后执行,在初始化render时不执行

所以触发滚动条的事件写在了 componentDidUpdate 这个周期


posted @ 2018-08-09 18:49  柠檬可乐  阅读(330)  评论(0编辑  收藏  举报