Navigation Transparent machen.

[nookie]

Guten Tag,

ich habe eine Navigation die fixed to top ist. Diese soll nun wenn Sie sich auf Ihrer Ausgangsposition befindet leicht Transparent werden. Dazu habe ich folgenden Code benutzt, funktioniert aber nicht. Wo ist mein Fehler, oder was habe ich falsch gemacht?

$(document).ready(function() {
    if(jQuery(this).scrollTop() != 0) {
        jQuery(".navbar").animate({'opacity': '0.9'});
    } else {
        jQuery(".navbar").animate({'opacity': '1.0'});
    }   
});

 

[Tronjer]

Gegenfrage: Was referenziert this in deinem Code?

 

[scbawik]

Wahrscheinlich $(document) ?

$(window).scroll(function () {
  if($('html,body').scrollTop()) {
    $('.navbar').animate({opacity: 1});
  } else {
    $('.navbar').animate({opacity: .9});
  }
});

Würd ich mal raten.

 

[nookie]

Ups, sollte da garnicht stehen, hatte dort auch die Klasse drinne stehen. Wenn ich nun this drinne stehen habe funktioniert es nur wenn ich die Seite aktualisiere...

 

[Tronjer]

Bei dem,

Ups, sollte da garnicht stehen, hatte dort auch die Klasse drinne stehen. Wenn ich nun this drinne stehen habe funktioniert es nur wenn ich die Seite aktualisiere...

Bei dem, was du oben geschrieben hattest, dürfte this gleich null sein.

Versuche mal so:

$(window).scroll(function () {
  var bg = $(this).scrollTop() !== 0 ? 0.9 : 1;
  $('.navbar').animate({opacity: bg});
});