js-让页面滚动最底部，显示到最底部

Posted 2021-01-10 reactjs

应用场景，聊天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)
    }