Hide elements until 'Scroll to' complete

Hi everyone,

I have a listing directory. When a user clicks a listing from the search page, it takes them to the listing page by hiding the search page element and showing the listing page element (saves having to actually navigate to a new page and save on load times).

I’ve managed to set it so that the user is taken back to their scroll position when they click back, but the effect is really janky.

https://vimeo.com/947043689?share=copy

Has anyone got any ideas how I could fix this? It’s a small thing but it really impacts the customer experience