当时和同事果断采用了react-infinite-scroller,这是react所封装好的一个无限滚动加载。 <InfiniteScrollinitialLoad={false}pageStart={0}loadMore={this.changeShowData}hasMore={hasMore}useWindow={false}>{showListType?<Spinspinning={loading}tip="加载中……"><TimeLineCompinvestData={investData}/></Spin> ...
github 安装使用github上说的很清楚,这里就不赘述了,重点说一说遇到的坑。 首先,要给InfiniteScroll所在的div设置overflow:"auto"的属性,表示如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容,height设置为屏幕高度的,这样每页的数据都会展示出来,超出屏幕的部分会隐藏,但是可以向上滑动以显示出来。 render(){co...
当时和同事果断采用了react-infinite-scroller,这是react所封装好的一个无限滚动加载。 <InfiniteScrollinitialLoad={false}pageStart={0}loadMore={this.changeShowData}hasMore={hasMore}useWindow={false}>{showListType?<Spinspinning={loading}tip="加载中……"><TimeLineCompinvestData={investData}/></Spin> ...