search

breadadams / scroller-motion

🛹 Elegant motion scrolling for React
https://scroller-motion.js.org
MIT License
67 stars 5 forks source link

Flickering in Chrome when overscrolling #7

Closed rijk closed 3 years ago

rijk commented 4 years ago

I was breaking my head over this, had a project where the flickering was really bad but in the Storybook demos I didn't see it at all. While comparing the code and CSS, I found this rule:

image

Which ended up completely fixing the problem. 🙌

So, takeaways:

  1. The Storybook demos are awesome :)
  2. Could the overscroll issues be fixed in the code maybe? Not sure what's causing them, but would be nice to not run into this.
  3. If not: I think the need for overscroll-behavior: none; on html and body should be documented in the readme to save other people some time.
breadadams commented 3 years ago

In response to your comments:

  1. Thanks! 😻
  2. We could, applying the style to the DOM internally or providing a util/hook for users. However something leans me towards having this in the docs to keep the bundle size down.
  3. Yep, this is the way to go I think 👍
MrUltimate commented 2 years ago

Hey folks! Seems like this isn't something the Safari supports. Is there are recommended workaround for Safari specifically?