Creating a fullscreen "Hero" DIV for your site header

Using JavaScript with Hype
21

Just to clarify a bit more. The code is Javascript code and not CSS

so no <style></style> tags. should be<script></script> tags

D

22

thank you Hans-Gerd for your quick reply - but i can’t manage to get it work :disappointed_relieved:
I use your example with the the included jquery-file.

Call a new JavaScript function on sceneload with exactly this:

$('.HYPE_scene').not(".HYPE_element").css{
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

Does not work…

23

try:

$('.HYPE_scene').not(".HYPE_element").css('overflow-y', 'scroll');
$('.HYPE_scene').not(".HYPE_element").css('-webkit-overflow-scrolling', 'touch');

You could write it like this:

$('.HYPE_scene').not(".HYPE_element").css({
"overflow-y" : "scroll",
"-webkit-overflow-scrolling" : "touch"
});

Again this is javascript code. Look up jQuery .css if you are unsure.

Also, please look at the example Hans is giving in detail. Try not to guess as to where the code must go and how it must look. :smile:

D

24

Umm, me thinks something is wrong here :slight_smile: :slight_smile:

D

1 Like
25

Many, many thanks - now it works!
Im really sorry - i’m a absolute beginner in coding :sweat_smile:

26

no worries. glad you got it sorted :wink:

D