kineticsroll
fullPage
kineticsroll | fullPage | |
---|---|---|
5 | 27 | |
12 | 35,018 | |
- | - | |
1.8 | 5.5 | |
about 1 year ago | about 2 months ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
kineticsroll
-
Can someone kindly recommend a variable item height infinite scroller that works really well?
This may be what you are looking for: https://github.com/wstaeblein/kineticsroll
-
Kinetic Scroll - Simple Vanilla JS module and Svelte action to transform a container into a vertical momentum scroller, much like cellphones touch screens work when you tap and drag. Point it to a target container and start dragging around with your mouse or finger.
Also I didn't say no one would use it. Only that most people don't like when devs mess with native interactions. (This is a well known fact.) So I'm not sure how popular it will be. I'm sure some people will find it useful. I called out some of the things your current version did that made the experience not that great. Because what was expected to happen was different from what happened. Oh and I checked, you just made commits not that long ago that address the issues I pointed out in my first comment. (https://github.com/wstaeblein/kineticsroll/commits/main/public/kineticscroll.js) The demo works much better now.
fullPage
- Horizontal scrolling website
-
Looking for what this scrolling page scrolling-stop effect is called
From what I can tell they're using fullpage.js: https://alvarotrigo.com/fullPage/ But, as mentioned CSS scrollsnap is also an option to explore.
- Looking for help figuring out what a certain design is called
-
Swipe navigation Nuxt3
Have you check fullPage.js?
-
Is there a way to make the scroll snap to one page at the time regardless of the mouse wheel speed?
https://alvarotrigo.com/fullPage/ I think you need this
-
Budget for sleek, modern website // Is this a template/off-the-self design?
It’s a nuxt app (vue) using full page JS
- How can I achieve non-smooth scrolling effect?
-
As a user, what things annoy you the most about websites?
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.
- 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.
Fullpag.js is what you're looking for.
What are some alternatives?
MomentaMouse - MomentaMouse enables mouse-users to use touch-style scrolling and flicking gestures to navigate websites.
ScrollMagic - The javascript library for magical scroll interactions.
lenis - How smooth scroll should be
skrollr
svelte-tiny-virtual-list - A tiny but mighty list virtualization library for Svelte, with zero dependencies 💪 Supports variable heights/widths, sticky items, scrolling to index, and more!
iscroll
EasyScrollDots - Single page scroll JavaScript plugin that allows for vertical navigation of page sections
parallax - Parallax Engine that reacts to the orientation of a smart device
the-supersonic-plugin-for-scroll-based-animation - Extremely customizable 2kb javascript plugin for scroll based animation which animates 1000 elements without lags!
stellar.js - Stellar.js - Parallax scrolling made easy
Pageable - Create full page scrolling web pages. No jQuery.
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.