Smoothly scroll back to the top in Framer X

SmoothScroll.tsx

import { Override, useAnimation } from "framer"

// Declare the controls variable so we can access it from both functions
let controls

// Apply this override to your scroll component
export function Scroll(): Override {
    controls = useAnimation()
    return { scrollAnimate: controls }
}

// Apply this override to your buton
export function Button(): Override {
    return {
        onTap: () => controls.start({ y: 0 }),
    }
}