Comments (4)
BTW: the most important benefits would be support for forms, buttons, links, IFRAMES. All without dirty hacks bruh
from scrollmeister.
In general it works surprisingly well. But some of the demos don't perform as well with native scrolling. And it's basically impossible to debug without owning a Mac.
from scrollmeister.
We should put our efforts into making native scrolling smooth because
- multiple
<scroll-meister>
in one page and native content between them 😱, e.g. nav, footer, sections, put scroll-meister into flexbox or whatever - text selection
- forms
- links
- iframes
- visible scrollbar
- native deceleration (different on iOS and Android)
- address bar scroll-to-top on ios
- address bar behaves naturally
from scrollmeister.
Native scrolling is working well on Android even with the address bar moving. However, iOS is still horrible as always. But it's buttery smooth with fake scrolling. So I have no idea what Apple is doing there and I have no way to debug it without a Mac (good luck getting remote debugging work on anything but a Mac). This makes me sad, but maybe it changes in the future. At least we have the behavior ready to get if Apple will ever get its shit together.
We might make both behaviors work so users can decide what they use and test performance on real world pages. The only issue is with our depdencies
because everybody and their mother expects ^scroll
so we can't just have a second fake-scroll
. Might need to combine both and make that a prop or something.
from scrollmeister.
Related Issues (20)
- MutationObserver HOT 1
- <content-meister> HOT 2
- <element-meister> -> <section-meister>
- scrollbar behavior
- youtube behavior pause outside of viewport
- Web workers HOT 1
- Expose scroll velocity to gl-effect schaders HOT 1
- viewport-events behavior
- Can someone please tell me why fake scrolling is so much smoother on IOS?
- Timing issue with appending new items HOT 10
- RatioType needs to accept floats as well
- clip: true for non-followers
- `default` and conditions
- https://docusaurus.io/
- Allow spacing around scroll-meister
- height: inherit for followers
- media behavior
- scroll-into-view behavior
- DOM manip perf
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scrollmeister.