react-infinite-loading基于浏览器的 React 无限滚动插件
react-infinite-loading
基于浏览器的 React 无限滚动插件
安装
react-infinite-loading 要求 React 15 或更高版本
install --save-dev react-infinite-loading
使用
import Infinite from 'react-infinite-loading'; <Infinite handleLoading={this.handleLoading} loading={this.state.loading}> {/* scrolled element */} </Infinite>
参数
一些控制参数,用在组件的属性中
Infinite.propTypes = { // control the current status. loading = true the animation is displayed and no longer triggers handleLoading event loading: PropTypes.bool, // whether to display the loading animation isLoading: PropTypes.bool, // load animation components asLoading: PropTypes.node, // if true, scroll range as a current component on the contrary scroll range as a window elementScroll: PropTypes.bool, // set the height of the scroll container, scrollHeight={300} or scrollHeight="calc(100% - 100px)" scrollHeight: PropTypes.any.isRequired, // trigger handleLoading event threshold scrollThreshold: PropTypes.num, // scroll to the bottom event handleLoading: PropTypes.func, // sisplayed content children: PropTypes.node }
评论
AutoBrowsejQuery无限滚动插件
AutobrowsejQueryPlugin插件在用户滚动页面的时候自动通过Ajax加载更多内容,使用浏览器内置缓存。
AutoBrowsejQuery无限滚动插件
0
jQuery-paged-scroll无限滚动的 jQuery 插件
jQuery-paged-scroll 是一个仿照 Facebook 的支持无限滚动的 jQuery
jQuery-paged-scroll无限滚动的 jQuery 插件
0
jQuery-paged-scroll无限滚动的 jQuery 插件
jQuery-paged-scroll是一个仿照Facebook的支持无限滚动的jQuery插件。示例代码:$(window).paged_scroll({handleScroll:function(
jQuery-paged-scroll无限滚动的 jQuery 插件
0
jQuery Screw无限滚动翻页的插件
Screw(scroll+view)是一个jQuery插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。Screw仅通过在滚动到视图中时加载内容,可以帮助用户节省带宽。还可使用Screw创建
jQuery Screw无限滚动翻页的插件
0
tank-vue3-seamless-scroll基于 Vue 的无缝滚动插件
tank-vue3-seamless-scroll是一个高性能的无缝滚动插件。特性高性能事件监听不会失效速度可调节反向滚动debug渲染问题默认帧率限制在了(1000/32)ms,也就是32帧。性能偏
tank-vue3-seamless-scroll基于 Vue 的无缝滚动插件
0