barbarbar338 / jelly-scroll

Easily add JellyScroll effect to your websites.

Home Page:https://barbarbar338.github.io/jelly-scroll/examples/list-of-cards.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JellyScroll on web

Easily add JellyScroll effect to your websites.

Install Using NPM:

Run npm i jelly-scroll or yarn add jelly-scroll

Install Using UNPKG:

Just import it like <script src="https://unpkg.com/jelly-scroll/dist/browser/index.js"></script>

Usage:

<!-- html -->
<script src="https://unpkg.com/jelly-scroll/dist/browser/index.js"></script>
<script>
	JellyScroll("containerID");
</script>
// node
import { JellyScroll } from "jelly-scroll";

JellyScroll("containerID");

Advanced usage:

JellyScroll("containerID", {
    friction?: .5, // recommended .5, sets jelly friction
    strength?: 100 // recommended 100, sets jelly strenght
});

Contributing

Feel free to use Github's features

About

Easily add JellyScroll effect to your websites.

https://barbarbar338.github.io/jelly-scroll/examples/list-of-cards.html

License:MIT License


Languages

Language:TypeScript 78.0%Language:JavaScript 22.0%