Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]fade out
interu58
post
Post #1





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Kopia tego co w if do else i fadeOut zamiast fadeIn.
Go to the top of the page
+Quote Post
interu58
post
Post #3





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
trueblue
post
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Nigdzie nie mówiłem o zamianie.
Powinieneś użyć konstrukcji if else, co ma być w else napisałem wyżej.
Go to the top of the page
+Quote Post
interu58
post
Post #5





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Policz nawiasy.
Go to the top of the page
+Quote Post
interu58
post
Post #7





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

Ostrzeżenie: (0%)
-----


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

(IMG:style_emoticons/default/questionmark.gif) 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.
Go to the top of the page
+Quote Post
trueblue
post
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Działa:
http://jsfiddle.net/aa5xea20/
Go to the top of the page
+Quote Post
interu58
post
Post #9





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

Ostrzeżenie: (0%)
-----


dzięki.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 28.08.2025 - 17:15