For context to the original post I published relating to this new post, [click here][1]. In summary of the original post, I wanted to target the header (element ID: hero) of a web page to make it fill whatever size your browser is stretched to. You can do this within Hype, but you can’t have content below it to scroll down to if you do it without extra code. Someone gave me a fix for this problem, which was to enter the following into the head HTML:
It worked great for the most part, go here to see: http://2.ideahubdesign.com/. The only problem is, the div below the header (element ID: secondDiv) is a set position from the top, so there is always a different amount of space in between the "hero" div (the header) and the ***“secondDiv”***. Test it out to see what I mean… Stretch the browser to one size, observe the distance in between the two divs, then stretch it to a different size and the distance will be different. I want to make it so that the “secondDiv” always stays relative to the bottom of the “hero” div.
to work with built-in abilities i would go the way to create a responsive starting scene and on wheelscroll switch to the content-scene which appears from bottom to top:)
I didn’t think you were being unfriendly! This has been something I have been wanting to do for a while within Hype but couldn’t figure it out, so I really appreciate your help!
it’s just that a persistant symbol is also of class HYPE_scene. so you’ve got to exclude no matter how … as the easiest solution should be preferred and i’m always to complicated
The overflow touch problem that came about was fixed from the posts that were left on this forum. However, there are a couple other little things that have gone wrong as a result of the "hero" header:
The scrollbar cuts off the overflow content on the right side of the screen. For instance, scroll down to the bottom of the page and see that the boxed arrow on the bottom right-hand corner is cutoff.
When I run a $.scrollTo( '#top', 800); function so that the page smoothly scrolls back to the top, it no longer works.