menu remains on top at the screen while scolling.

Hello I'm dutch so do not pay too much attention on my writing style. The website I'm building by using HTML and CSS. Has a header image across the screenwidth and 250px high underneath is the menu bar. Now I want as you scroll down the header image moves above to the top menu bar remains on the screen. An example of what I mean is the following website balireisen.info or happy-size.nl as far as I can see both are built with wordPress. I manage to let the header and the menu on top of the screen by using, "position: fixed;" but that is not the intention. I understand that there is a standard java script but I am certainly not because I'm not familiar with java. that why i ask for this script.looking forward to your reactions

 

Since you are looking for a Java solution you would probably get more and better help on other forums that specialize in Java programming. DP has no forums pertaining to Java programming.

 

I believe the OP is referring to javascript; a common error being to conflate the two languages. @ the OP, Java is a different language from Javascript. Javascript is the common scripting language for client side web pages.

gary

 

I believe it's called sticky navigation. Here's an example that you may find interesting:

http://jsfiddle.net/amgnz/4YytR/

 

A bit simplified version. The html/css are messy, you may want to clean everything up. I found both codes online, not responsible for any mess:

https://fiddle.jshell.net/xJXZr/125/