JavaScript Scrolling

Open-source JavaScript projects categorized as Scrolling Edit details

Top 12 JavaScript Scrolling Projects

  • fullPage

    fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

    Project mention: As a user, what things annoy you the most about websites? | reddit.com/r/webdev | 2022-07-04

    Close to that. At least Tesla's website is using the css scroll snap behaviour. Closer to what I mean would be the FullPage.js library.

  • pagePiling.js

    pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections. http://alvarotrigo.com/pagePiling/

    Project mention: I keep seeing this cool page scroll design… anyone know what it’s called/how to achieve it? | reddit.com/r/UI_Design | 2022-05-17
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-custom-scrollbars

    React scrollbars component

    Project mention: Best NPM Package for React.js Part - 2 | dev.to | 2022-06-24
  • react-virtual

    ⚛️ Hooks for virtualizing scrollable elements in React

    Project mention: React Hyper Scroller v3 released! | dev.to | 2021-11-24

    One thing to keep in mind is that React Hyper Scroller may not be the best for all use-cases. If it doesn't work for you, there are very cool alternatives like react-window, react-virtualized or react-virtual.

  • albinotonnina.com

    source-code

  • floatThead

    Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't

    Project mention: PNG File Chunk Inspector | news.ycombinator.com | 2021-08-19

    For anyone who wants to implement this, please _don't_ implement it like the GIF. <https://github.com/mkoryak/floatThead/blob/master/README.md> Instead, do what mobile web browsers do, where the header is automatically revealed and overlaid onto the content when scrolling up. On desktop, you can make it so the headers are also revealed when mousing around over the relevant data. But indiscriminately reducing the size of the viewport by going sticky is incredibly annoying.

  • Pageable

    Create full page scrolling web pages. No jQuery.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • scrollstory

    A jQuery plugin for building scroll-based stories

  • MiniBar

    A lightweight scrollbar library written in vanilla javascript.

  • EasyScrollDots

    Single page scroll JavaScript plugin that allows for vertical navigation of page sections

  • react-recycled-scrolling

    Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks

  • ReactStickyHeadroom

    A React Component to hide a Header using CSS sticky position

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-07-04.

JavaScript Scrolling related posts

Index

What are some of the best open-source Scrolling projects in JavaScript? This list will help you:

Project Stars
1 fullPage 33,779
2 pagePiling.js 4,034
3 react-custom-scrollbars 3,020
4 react-virtual 2,776
5 albinotonnina.com 2,103
6 floatThead 1,211
7 Pageable 275
8 scrollstory 270
9 MiniBar 54
10 EasyScrollDots 36
11 react-recycled-scrolling 28
12 ReactStickyHeadroom 22
Find remote jobs at our new job board 99remotejobs.com. There are 2 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Clean code begins in your IDE with SonarLint
Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.
www.sonarlint.org