An infinite scroll component for Svelte apps
About • Features • Installation • Documentation • Examples • License
## About An infinite scroll component for Svelte, to help you implement an infinite scroll list more easily. This is heavily inspired by [vue-infinite-loading](https://peachscript.github.io/vue-infinite-loading/) and uses most of its code and functionality! ### Features - Mobile friendly - Built-in spinners - 2-directional support - Load result message display ## Installation > If you're using this component in a Sapper application, make sure to install the package to `devDependencies`! > [More Details](https://github.com/sveltejs/sapper-template#using-external-components) With npm: ```shell $ npm install svelte-infinite-loading ``` With yarn: ```shell $ yarn add svelte-infinite-loading ``` With [pnpm](https://pnpm.js.org/) (recommended): ```shell $ npm i -g pnpm $ pnpm install svelte-infinite-loading ``` From CDN (via [unpkg](https://unpkg.com/)): ```html ``` ## Examples / Demo - [Hacker News](https://svelte.dev/repl/c053fb0b13154b07a503ac04e0cb2c66) - [Hacker News with Filter](https://svelte.dev/repl/73d404d5a26a47db969c4ebc154e8079) - [Hacker News with Top Direction](https://svelte.dev/repl/9a04b19fcf5f4da0bead27f1cdf55cfb) - [Hacker News using svelte-tiny-virtual-list](https://svelte.dev/repl/2239cc4c861c41d18abbc858248f5a0d) For more information on how to use this library, check the [documentation](https://github.com/jonasgeiler/svelte-infinite-loading/wiki)! ## Documentation You can find the documentation in the [repository wiki](https://github.com/jonasgeiler/svelte-infinite-loading/wiki) ## License [MIT License](https://github.com/jonasgeiler/svelte-infinite-loading/blob/master/LICENSE)