"Wobble" effect when slowly scrolling
See original GitHub issueHello,
I’m currently on:
"react-infinite-viewer": "^0.16.4",
and I noticed a weird behaviour (I don’t think it’s versions specific though), wondering if there is a way to solve that. When I try to pinch/scroll zoom and I do it slowly the viewer seems to kinda “wobble” in all directions. It can also be seen on the demo page here: https://daybrush.com/infinite-viewer/
My assumption is that there might be some dimension rounding happening when scroll calculations are performed and because of that the viewer might be “jumping a pixel” back and forth which creates that wobble effect.
Lemme know if you can reproduce it as well and if you have any ideas what might be causing this? I’m happy to open PR if you could share the place that might be responsible for this. Thank you
Issue Analytics
- State:
- Created a year ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Bad Scrolling / Wobbling effect - Samsung Community
It is wobbling due to it aggressively and quickly ramping down from 120 down to 60 then back up to 96 for some...
Read more >New iPad mini Hit By 'Jelly Scrolling' Screen Problem | Macworld
One side of the screen refreshes quicker than the other, resulting in an alarming 'wobble' effect.
Read more >Wobbly Jelly Scrolling on Your iPad mini 6 Screen? Apple ...
Jelly scrolling is a phenomenon that is common with LCDs where one side of the display appears to lag slightly behind the other...
Read more >Scroll Bouncing On Your Websites - Smashing Magazine
Scroll bouncing (also sometimes referred to as scroll 'rubber-banding', or 'elastic scrolling') is often used to refer to the effect you see ...
Read more >Sheer wobble effect while fast-scrolling in portrait mode?
While I was using metro IE - scrolling fast (flicking), up and down, in portrait mode. Do you also notice a sheering wobble...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
https://user-images.githubusercontent.com/437214/191114914-ac1cafd7-39eb-41a1-a5d5-59dcf1efccdc.mov
It’s wobble/some kind of swirl happening (not sure how to best call it). You should be able to see that when it zooms it does not remain on the same point
Wonderful 👨🍳 works great now! Thanks