looking for insight on fixed header setup also working with React Spring Parallax working from index page

[hellofantastic]

Hey hope all is well,

So I have had the setup for transition plugin and a fixed header working fine and dandy where you set the config to resolve the layout and don't include the "\<Layout>" around individual pages files.

Now I am looking to use react spring parallax components ( Parallax and ParallaxLayer) in the pages/index BUT what I have observed is the dom elements get laid in from react spring but it is invisible, height zero I think mostly, and nothing happens on scroll but if i copy that parallax code into the layout file it kinda works with extra scroll bars though which maybe just tweaking needed where the whole page needs to be in the Parallax component.

So my question is can I some how get away with it working with parallax code in individual page and not have to do a check for page in layout and render the desired pages parallax stuff?

Any insight appreciated

EDIT: in the mean time I have started implementing parallax from scratch so its less mysterious and I have precise control

[hellofantastic]

OK even more of a think through and looking at @tterb react spring parallax implementation (and my own from scratch) is that any parallax to really work well needs to be implemented in layout so that all elements can be accounted for on the page or they will mess up a items further up the page even if they are not meant to move at all ie the footer