svelte-infinite-scrolling

Infinite Scroll Component for Svelte.

Usage no npm install needed!

<script type="module">
  import svelteInfiniteScrolling from 'https://cdn.skypack.dev/svelte-infinite-scrolling';
</script>

README

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