Che aiuto ti occorre, rilevare il codice dal sorgente?
Provo a scrivere due righe "in generale":
Dato per scontato che sfondo dell'intestazione, intestazione e menu sono messi in
position: fixed coi CSS, questo è lo script che aggiunge una classe (nell'esempio
topLimit) al body quando si scrolla la pagina e si superano i 300px dall'alto (la classe verrà rimossa sotto i 300px):
<script>
$(window).scroll(function () {
if ($(window).scrollTop() > 300) {
$('body').addClass('topLimit');
} else {
$('body').removeClass('topLimit');
}
});
</script>
Ora abbiamo una classe per poter scrivere le nostre regole nella suddetta condizione.
Esempio:
<style>
.topLimit #imHeaderBg, .topLimit #imHeader {
height: 50px;
}
.topLimit #imMnMn {
top: 5px;
}
</style>
Sfondo dell'intestazione ed intestazione saranno alti 50px
Il menu verrà posizionato a 5px dall'alto.
