Giters

breadadams / scroller-motion

🛹 Elegant motion scrolling for React

Home Page:https://scroller-motion.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flickering in Chrome when overscrolling

rijk opened this issue · comments

commented

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.
commented

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 👍
commented

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