hallo,
eine Frage, ich lasse beim scrollen meinen fixed-header stehen und möchte dazu links oben mein logo anzeigen, das geht,
nun möchte ich eine transition von opacity 0.2 bis 1.0.
das js-script sieht so aus:
Code
$(window).scroll(function(){
if ($(window).scrollTop() >= 130) {
$('header').addClass('shadow-header');
document.getElementById("logo").style.visibility= "visible" ;
var element = document.getElementById('logo');
element.style.opacity = "1.0";
}
else {
$('header').removeClass('shadow-header');
document.getElementById("logo").style.visibility= "hidden" ;
}
});
Alles anzeigen
logo wird angezeigt , aber noch mit 0.2 wie im css.
das css des "logo":
Code
.logo {
visibility: hidden;
margin-left: 20px;
margin-right: -200px;
margin-top: -20px;
height: 60px;
width: 200px;
background-color: #FFFFFF;
opacity: 0.2;
transition: opacity 1.6s;
}
Alles anzeigen
kann mir jemand helfen,
ich habe auch schon :
Code
var element = document.getElementById("logo");
bzw:
document.getElementById("logo").setAttribute("style","opacity:1.0");
getestet, es ist immer in 0.2 und nix passiert.
danke euch schon mal
Tino