hm, ein weicher übergang wär sicherlich schön, bekomme es aber nicht hin.
Weiters musste ich wirklick "else" einbauen, denn auch wenn ich anstelle von else ein if einsetze, bleibt das eingeblendete Logo stehen und verschwindet nicht.
Hier mein ganzer Code
Code:
<script>
$( document ).ready(function() {
$(window).scroll(function(){
if ($(this).scrollTop() > 825) {
$( '.home_menu .menu_logo').css("display", "block");
$( '.home_menu .mod_pageImage' ).css("display", "block");
$( '.home_menu .logo_startseite' ).css("display", "none");
}
else {
$( '.home_menu .menu_logo').css("display", "none");
$( '.home_menu .mod_pageImage' ).css("display", "none");
$( '.home_menu .logo_startseite' ).css("display", "block");
}
});
});
</script>
hab nun ein FadeIn und FadeOut eingebaut. Funktioniert prima:
Code:
if ($(this).scrollTop() > 825) {
$( '.home_menu .menu_logo').fadeIn(800);
$( '.home_menu .mod_pageImage' ).fadeIn(800);
$( '.home_menu .logo_startseite' ).fadeOut(500);
}
else {
$( '.home_menu .menu_logo').fadeOut(800);
$( '.home_menu .mod_pageImage' ).fadeOut(800);
$( '.home_menu .logo_startseite' ).fadeIn(800);
}
Lesezeichen