Transform the height of a layer as you scroll in Framer X

AppBar.tsx

import { Override, motionValue, useTransform } from "framer"

const contentOffsetY = motionValue(0)

// Apply this override to your scroll component
export function TrackScroll(): Override {
    return { contentOffsetY: contentOffsetY }
}

// Apply this override to your app bar
export function AppBar(): Override {
    
    const height = useTransform(contentOffsetY, [0, -52, -52], [140, 88, 88], {
        clamp: false,
    })

    return {
        height: height,
    }
}

I took a look at your file... You had the wrong override applied to the StickyScroll component. You need to use TrackScroll.

Ah works now! Thank you! best, Bill

…

On Jun 5, 2019, 12:29 AM -0700, Giles Perry ***@***.***>, wrote: I took a look at your file... You had the wrong override applied to the StickyScroll component. You need to use TrackScroll. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or mute the thread.