How to integrate motions frame with lenis smooth scrolling in vanilla JS

[hrvstr]

Hi, I trying to use motions frame to drive lenis scroll updates. Here is what I have so far:

  import Lenis from "lenis";
  import { frame } from "motion";

  const lenis = new Lenis();

  function update() {
    lenis.raf(performance.now());
  }

  frame.update(update, true);

It works, but I'm unsure if this is the best approach. Is there a better way to sync lenis with motions frame system, or am I missing something?

[hrvstr]

I did some digging through the code and found the time.now() function which seems to be a synced alternative to performance.now().

  import Lenis from "lenis";
  import { frame, time } from "motion";

  const lenis = new Lenis();

  function update() {
    lenis.raf(time.now());
  }

  frame.update(update, true);