▲ 2 r/Safari

I’ve been trying to use Lenis for smooth scrolling on my website, but I’m running into an issue where it doesn't seem to work properly on Safari (macOS). The problem seems specific to macOS, as I’m not sure if it happens on iOS or iPadOS.

What’s happening:

  • Lenis seems to load fine initially, but scrolling is either choppy or non-responsive. Sometimes, it just doesn't seem to trigger at all.
  • I’ve checked for any JavaScript errors in the console, but nothing stands out as a clear culprit.
  • I’ve tried disabling other scripts and extensions, but the issue persists.

What I've tried:

  • Clearing the cache and disabling Safari extensions didn’t help.
  • Reverting to basic CSS/JS setups (without Lenis) works fine, so it seems to be an interaction issue with Lenis and Safari.
  • I’ve also tried using the latest version of Safari (Version 16.x, macOS Monterey/Big Sur).

Has anyone else encountered this on Safari (macOS)? Any tips or fixes you can suggest?

Thanks in advance!

reddit.com
u/debdootmanna007 — 4 months ago