Problem solved!
I separated the scenes into different files
And export each of them into a html folder
When pressing button in the scene, Instead of triggering “change to scene…”, I typed in the URL it is suppose to link to.
And viola! everything connects together
Though I haven’t finish the site yet haha

And by the way
The drop down menu i created is still a failure
I spent 6hours trying to make the buttons not to affect the slide
But when the drop down menu is not extended
And my mouse hover the overlapping area off the slide and menu item
It still triggers the menu item, but not the slide’s animation
I tried to put invisible rectangles before
But maybe I did it wrong
Doesn’t work either

Depending on how you’re navigating inside the Hype document itself, it might be worth considering treating the file as ‘zones’ - possibly even converting the drop-down menus into persistent symbols (though that does require Hype Pro) - but in one way or another creating a scene in the Hype file where the overlapping background slides have no script in them at all.

Something else to ponder is making the menus react to clicks rather than hovering, because hovering is not an option on mobile devices … and the number of people accessing the site with mobile (or touchscreen!) devices will only ever increase. The menus will behave considerably more consistently if they’re responding to clicks.