应用场景,聊天webapp中,让页面初始化的时候或者页面更新的时候,都让页面显示在最底部的聊天内容
可以借助react中的两个生命周期函数
componentDidMount和componentDidUpdate
componentDidMount() { ???????// 初始显示列表, 让页面滚动到底部scrollTo(x轴0, Y轴为内容滚动的高度) ???????window.scrollTo(0, document.body.scrollHeight) ???} ???componentDidUpdate () { ???????// 更新显示列表, 让页面滚动到底部scrollTo(x轴0, Y轴为内容滚动的高度) ???????window.scrollTo(0, document.body.scrollHeight) ???}
js-让页面滚动最底部,显示到最底部
原文地址:https://www.cnblogs.com/reactjs/p/9745745.html