美文网首页
拉下加载更多

拉下加载更多

作者: 四哥_d0ad | 来源:发表于2018-11-14 21:00 被阅读0次

componentDidMount(){

//获取列表数据

  this.getListData();

  // 下拉刷新

  let all = document.documentElement.scrollHeight || document.body.scrollHeight;

  let top = document.documentElement.scrollTop || document.body.scrollTop;

  let height= document.documentElement.clientHeight || document.body.clientHeight;

  window.addEventListener('scroll',()=>{

    if(all === top+height){

      this.setState({

        page: this.state.page +1,

      })

      this.getListData()

    }

  },false)

  // console.log(this.url)

}

相关文章

  • 拉下加载更多

    componentDidMount(){ //获取列表数据 this.getListData(); // 下...

  • 列表适配器

    ------上拉下拉刷新加载------****SmartRefreshLayout 智能下拉刷新框架~20190...

  • 加载更多。。。

    》写在前面:自己留个记号,仅供自己使用,如想实现类似的,可以参考 一、wap端1、首先来个weui.css2、写上...

  • 加载更多

    html代码 server-mock模拟后端代码 【个人总结,如有错漏,欢迎指出】:>

  • 加载更多

    12个加载更多。 大约还要10个。 才能下载完你的文章。 微信打开链接,然后点击加载更多,中指滚动下拉,数数,打开...

  • React Native刷新加载更多

    react native的刷新加载更多,有多种方案 "加载更多" 需要点击 "加载更多" 根据手势向上滑动,自动显...

  • 需求分析:加载更多

    Part.One 功能概述 功能名称 加载更多 功能描述 点击“加载更多”按钮、或上拉列表时,加载更多的内容。 使...

  • SwipeRefreshLayout内Recyclerview刷

    功能要求:分页加载网络数据,实现上拉下拉功能错误日志:java.lang.IndexOutOfBoundsExce...

  • thinkphp3.2.3的ajax加载更多

    效果:点击加载更多,根据设定的加载条数显示加载内容,全部加载完毕后加载更多按钮消失。话不多说,直接上代码。 htm...

  • 点击加载更多

网友评论

      本文标题:拉下加载更多

      本文链接:https://www.haomeiwen.com/subject/kyjsfqtx.html