Camviare style navbar con scroller

[james81]

Ciao a tutti,
volevo chiedervi un consiglio:
ho una navbar che è fissa in alto alla pagina, ora vorrei cambiare far si che quando si scrolla verso il basso vengano cambiati vari attributi della navbar e anche i loghi.
graindo in rete ho trovato questo:

<script type="text/javascript">
$(document).ready(function(){       
   var scroll_start = 0;
   var startchange = $('#page');
   var offset = startchange.offset();
    if (page.length){
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
         $(".navbar-default").css('background-color', '#ddd');
       } else {
          $('.navbar-default').css('background-color', 'transparent');

       }
   });
    }
});
</script>

e funziona ma purtroppo, mi cambia solo lo sfondo, io invece vorrei cambiare anche le proprietà dei link e dei loghi

[cavicchiandrea]

dentro al if(scroll_start > offset.top) metti gli oggetti che vuoi cambiare e nel else reimposti gli stessi oggetti all'origine

[james81]

avevo già provato usando provando così:

if(scroll_start > offset.top) {
$(".navbar-default").css('background-color', '#656D78');
$(".navbar-default").css('margin-top', '-10px');

} else {
$('.navbar-default').css('background-color', 'transparent');

ma il valore (margin-top', '-10px) me lo applicava in tutte e due lecondizioni

}

[cavicchiandrea]

if(scroll_start > offset.top) {
$(".navbar-default").css({'background-color':'#656D78','margin-top':'-10px'});
} else {
$('.navbar-default').css({'background-color':'transparent','margin-top':''});
}

[james81]

ho provato ma mi restituisce sempre lo stesso problema, praticamente non mi mette 'margin-top':'-10px' in tutte e due i casi

[cavicchiandrea]

Vediamo la pagina demo online

[james81]

purtroppo non riesco stò provando il tutto in locale

[james81]

forse ho risolto, praticamente ho confermato valorizznado ogni stile in tutte e due le condizioni, così "sembra funzionare", ora faccio qualche prova.

[james81]

perfetto funziona tutto, è anche possibile aggiungere del codice html?
volevo aggiungere un piccolo form di ricerca