Hover and scroll effect

Hi all, I am new to web design and really need some help! I have created an accordion menu using Readymags suggested code, see here:

However, when I view the menu in preview mode cannot hover over the menu and scroll to view its contents without the rest of the page moving also. This is an issue because when I reveal text it overlaps with the rest of my design below (see image attached).

Is there any way to implement this hover/scroll effect into the code I am using? Or is there another way to achieve this?

Thanks :slight_smile: