码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-10-05 21:07:57      阅读:898      评论:0      收藏:0      [点我收藏+]

标签:显示   doc   gen   class   页面   应用   底部   nbsp   scroll   

应用场景,聊天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-让页面滚动最底部,显示到最底部

标签:显示   doc   gen   class   页面   应用   底部   nbsp   scroll   

原文地址:https://www.cnblogs.com/reactjs/p/9745745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!