Non-scrollable to Scrollable Section

Design help Animations & Interactions
1

Hi!

I can’t get my head around the following problem:

  1. When you first load the site, the home page doesn’t scroll and it’s the way I want it;

  2. Then you click on the tiny flower next to the speaker icon (top right);

  3. From there you can browse another section which is scrollable;

  4. The problem is when you go back to home (top left chevron), which then become scrollable (visibly affected from the previous section).

How can I come back to the same, unaffected home page? Is there a workaround? Is the only solution custom-code (if so any idea?) Interactions and fluidity are definitely paramount to this project, so I wouldn’t go for a load page option at least for this transition.

Many thanks in advance,

Here is my public share link: LINK
(how to access public share link)