Witam,

Mam taki skrypt, który sprawia, że po zjechaniu w dół strony pojawia się drugi nagłówek z menu. Proszę o podpowiedź jak przerobić ten skrypt, żeby ten sam nagłówek znikał po podjechaniu strony do góry. Z góry, dziękuję.

<script>
$('.header2').hide();
$(document).ready( function(){
var i = 0;
$(window).scroll(function () {
if ($(this).scrollTop() > 800) {
$('.header2').each(function(){
$(this).fadeIn(i+400);
i=i+400;
});
}
});


});

</script>

Kopia tego co w if do else i fadeOut zamiast fadeIn.

no tak, tylko mi nie chodzi o zamianę tego skryptu z fadein na fadeout tylko o to żeby obie te funkcje działały razem - poniżej 800 pojawiał się nagłówek z menu powyżej znikał. nie umiem tego zapisać. dostawiam analogiczny kawałek skryptu w którym jest >800 zamiast <800 i fadeOut zamiast fadeIn, ale muszę to źle zapisywać, bo skrypt działa jedynie z samym fadeIn.

Nigdzie nie mówiłem o zamianie.
Powinieneś użyć konstrukcji if else, co ma być w else napisałem wyżej.

aha. ok. to zrobiłem coś takiego:

$('.header2').hide();
$(document).ready( function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 800) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
});
});

ale mi to nie działa. wiesz może gdzie jest błąd?

Policz nawiasy.

$('.header2').hide();
$(document).ready( function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 800) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
});

to też mi nie działa. błąd chyba musi być gdzieś indziej, bo wrzuciłem inny skrypt z fade in i fade out, który mi działa na innej stronie a na tej nie.

Działa:
http://jsfiddle.net/aa5xea20/

dzięki.