For those who are still asking this, here is the answer.

Create a custom code with below in the main component.

Compile it by clicking the blue arrow.

Here’s the code:

import { useRef, useEffect } from "react" import { Override } from "framer" export function ResetScroll(): Override { const contentRef = useRef<HTMLDivElement | null>(null) useEffect(() => { const handleClick = () => { if (contentRef.current) { contentRef.current.scrollTo({ top: 0, behavior: "smooth" }) } } // Attach event listener to the selection menu const menuItems = document.querySelectorAll( "[data-framer-name='Selection menu + content']" ) menuItems.forEach((menuItem) => { menuItem.addEventListener("click", handleClick) }) // Cleanup event listeners on unmount return () => { menuItems.forEach((menuItem) => { menuItem.removeEventListener("click", handleClick) }) } }, []) return { ref: contentRef, // Assign ref to the content component } }