How to make a scene overflow across the another one


(Alex) #1

Hello,

I am trying to custom a menu for our site, and I want it is a individual hype document, so that it could be flexible to change or maintain.

Here is what I did:

1.Create mens with both PC and mobile layout:

2.Put the menu shortcode into a page:

The problem is that the drop down content will display only if the layout is set to enough Height like 570px.

Expect behavior:

the dropdown content will be triggered to display even the scene is set to 85px.

Anyway to do it please? Here is my document.
menu.hype.zip (26.5 KB)

Thanks.

Alex


(Alex) #2

Alternatively, it would be great if Hype support record the height change, I mean here:


(Loves Hype) #3

Try using this extension from the extension project:


(Loves Hype) #4

Also set the position via CSS if you want to have it overlay or be sticky.

https://www.w3schools.com/css/css_positioning.asp


(Alex) #5

@MaxZieb,

Great thanks, that is too complicated for me.

it is hard to add animations to these scenes.
Also, the more Javascript will cause slow down website.

I tried to do it by my way:

make two scene, the contract one scene:


and second one expand:http://prntscr.com/lvt56a

and add animation to scene.here is the result

test.mov.zip (1.7 MB)

or you may check it on my site on mobile mode:www.lovcour.com

it is not a perfect solution since the menu content is not overflowed across other scene, so, I am still looking a simple way.

Thanks.