📜 React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport. All callback include the progress and velocity of the scrolling, in the event you want to manipulate stuff based on those values.

Stars: ✭ 126 (+193.02%)

Mutual labels: scrolling, scroll

Stickyfill

Polyfill for CSS `position: sticky`

Stars: ✭ 2,252 (+5137.21%)

Mutual labels: scrolling, scroll

React Indiana Drag Scroll

React component which implements scrolling via holding the mouse button or touch

Stars: ✭ 190 (+341.86%)

Mutual labels: scrolling, scroll

Hc Sticky

JavaScript library that makes any element on your page visible while you scroll.

Stars: ✭ 375 (+772.09%)

Mutual labels: jquery-plugin, scroll

Scroll Snap

↯ Snap page when user stops scrolling, with a customizable configuration and a consistent cross browser behaviour

Stars: ✭ 187 (+334.88%)

Mutual labels: scrolling, scroll

Jscroll

An infinite scrolling plugin for jQuery.

Stars: ✭ 1,084 (+2420.93%)

Mutual labels: jquery-plugin, scrolling

Horizontal Scroll

Horizontal scroll with inertia

Stars: ✭ 175 (+306.98%)

Mutual labels: scrolling, scroll

Scroll Js

Light cross-browser scroller that uses native javascript

Stars: ✭ 179 (+316.28%)

Mutual labels: scrolling, scroll

scroll-sync-react

A scroll syncing library for react that is up to date

Stars: ✭ 49 (+13.95%)

Mutual labels: scrolling, scroll

react-is-scrolling

Simply detect if users are scrolling in your components in a declarative API

Stars: ✭ 17 (-60.47%)

Mutual labels: scrolling, scroll

View All Similar Projects ➔

Noob Scroll

A lightweight jQuery Plugin that adds some cool function to make scrolling more fun.

Getting Started

To use noobscroll.js, you'll need to download noobscroll.js and add it in your js folder. And after, add these line of code in the head or in the body of your page:

// Add jQuery
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
// Add noobscroll.js
<script src="https://unpkg.com/noobscroll/dist/noobscroll.min.js"></script>

or you can install NoobScroll using npm

$ npm install noobscroll

Demo

// Adds the click and drag style to scroll to any element
$("body").scrollDrag();

// Add a scroll bar to a div or any element
$(".myDiv").scrollMake({
  direction: "xy", // add a scroll bar for the the x and y axe
});

// Disable the scroll of any element that have a scroll bar
$("body").scrollDisable();

// Scroll to the element
$(".myDiv").scrollTo();

//And many more function ;) Go checkout the docs

The full docs can be found here

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

arguiot / NoobScroll

Programming Languages

Labels

Projects that are alternatives of or similar to NoobScroll

Noob Scroll

Getting Started

Demo