Top 12 JavaScript Scrolling Projects
-
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!
-
-
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.
-
-
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.
-
-
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.
-
-
-
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
-
JavaScript Scrolling related posts
- As a user, what things annoy you the most about websites?
- I keep seeing this cool page scroll design… anyone know what it’s called/how to achieve it?
- How do I make a scrolling effect like this. It stops scrolling in the page and scrolls in the same place through different elements.
- How do we create such a scroll where a single scroll can bring in the next section?
- Is there any site builder that allows for easy vertical scrolling like this?
- How to achieve smooth full page scrolling even with mouse wheel
- How to build a Tesla clone with vanilla HTML, CSS, and JavaScript
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 |
Are you hiring? Post a new remote job listing for free.