应用场景,聊天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) }
原文地址:https://www.cnblogs.com/reactjs/p/9745745.html
时间: 2024-10-13 11:21:41