Svelte Infinite Scrolling

Infinite Scroll Component for Svelte.

Installation

npm i svelte-infinite-scrolling

Demo link

Examples

An example of how to use the library:

<script>
  import { onMount } from "svelte";
  import InfiniteScroll from "./InfiniteScroll.svelte";
  let posts = [];
  async function getPosts() {
    let res = await fetch("https://meme-api.herokuapp.com/gimme/10");
    let data = await res.json();
    posts = [...posts, ...data.memes];
    console.log(posts);
  }
  onMount(() => {
    getPosts();
  });
</script>

{#each posts as item}
  <h1 style="padding:1em">{item.title}</h1>
{/each}

<InfiniteScroll on:scroll={getPosts} />

Properties

Component props:

Prop	Type	Default	Description
on:scroll	function	0	Function You Want To Run While Scrolling

Buy Me A Coffee