Scroll to top using fixed sections - odd interaction behavior

I have two fixed sections using related Collections data.

Section 1 displays a collection of links (show all items) that has a single record in Section 2 (show detail of the selected item) - I am using Interactions to unhide Section 2 which is on top using Z index.

The problem is; Section 1 has lots of links so you have to scroll down. When using Interactions on a link further down the page, it unhides Section 2 as expected, but Section 2’s top is cut off because the viewport has scrolled down. I have to scroll up to see the top of Section 2!

I know about Page IDs using links, but this does not work.

Can anyone suggest how to scroll up to top of the viewport using Interactions?

Thanks.

image

Here is my site Read-Only: LINK
(how to share your site Read-Only link)