react 滚动

react组件中新加一条自动滚动到底部:

componentDidUpdate() {

    utils.logs(this.state.scrollTop, 'this.state.scrollTop')

    //滚动到列表顶部

    if (this.state.scrollTop) {

      this.nodeUl.scrollIntoView(true)

    }

    //滚动到列表底部

    // let scrollHeight = this.nodeUl.clientHeight

    // this.nodeDiv.scrollTop = scrollHeight

  }

scrollIntoView(true或不填) 组件顶部跟页面可是区域顶部齐平

scrollIntoView(false) 组件底部跟页面可视区域底部齐平

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 6,765评论 0 5
  • 今天玩 antd-mobile 碰到一个滚动条的问题:在 Tab 组件中使用多个 ListView ,当操作第一个...
    BertFu阅读 30,727评论 7 9
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,200评论 19 139
  • 上午练完,几个收获:1,原来练寿与天齐的时候,大椎下部,也就是后背僵硬。今天感觉松快很多;2,回头望月后加上用耳朵...
    jzqqqqjz阅读 1,670评论 2 3

友情链接更多精彩内容