Thank you for your reply but I can't apply this:
I have a parent that is used as a React component and has a scrollbar, I cannot change the parent The parent has many routes and in all of those routes it needs to look the way it looks. I'll try and see if I can get access to the parent and give it a header and footer prop but it would be unlikely that would happen.