Main content che sparisce dietro barra menu

[danielix05]

ciao a tutti,
ho l'esigenza si nascondere il div main content sotto la barra orizzontale del menu.

mi spiego meglio:
1. ho una barra orizzontale menu con un logo a sinistra che vorrei fixed
2. quando la pagina scrolla in alto, il div che contiene i testi dovrebbe nascondersi dietro la barra orizzontale fixed e non ricomparire (da dietro) appena superata.

l'idea mi è venuta guardando questo sito, solo che qui la timeline è attaccata al top e non si crea la necessità di non far ricomparire il main content una volta superata.

come posso procedere? jquery? html5?

allego una foto sperando di essere chiaro.

[deleted_129]

Una cosa del genere ?

<style>
*{
margin:0px;
padding:0px;
}
#top{
height:100px;
background:green;
}
#bottom{
height:100px;
background:red;
}
#principale{
background:pink;
min-height:1900px;
position:relative;
}
#menu{
height:30px;
background:blue;
position:relative;
}
#contenitore{
height:500px;
overflow:auto;
}
</style>
<div id='top'></div>
<div id='menu'></div>
<div id='contenitore'>
<div id='principale'> asfdsg  gadsgg agggsag gadsg gasag asfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  sg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  sfdsg  gadsgg agggsag gadsg gasagasfdsg  agasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasagasfdsg  gadsgg agggsag gadsg gasag</div>
</div>
<div id='bottom'></div>

[danielix05]

[deleted_129]

ti ho risposto o.o....

[danielix05]

si avevo pensato all'overflow ma volevo evitare la barra di scorrimento interno.

quindi nessun'altra soluzione?