Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][JavaScript] FadeIn na divie przy scrollowaniu w jQuery, albo CSS?
markez07
post
Post #1





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

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

Zrobiłem sobie menu z "position: fixed" i chciałbym żeby po rozpoczęciu scrollowania w dół pojawiało się tło dla menu, a gdy wrócę na samą górę to tło ma zanikać.
Wiem, że w CSS można zrobić pojawiania się tła, ale nie mam pojęcia jak to wykonać żeby tło zaczęło pojawiać się po rozpoczęciu scrollowania, a nie po załadowaniu strony. Wiem, że w jQuery jest taka funkcja jak scroll(), ale niestety nie wiem jak jej użyć.

Dziś zacząłem czytać o jQuery i jeszcze paru rzeczy nie mogę zrozumieć, a raczej funkcji i sposobu w jaki można je wykorzystać. Znacie może jakąś dobrą stronę z dobrze opisanymi funkcjami jQuery i co najważniejsze przykładami? To co ja znalazłem nie jest tak dokładne jakbym chciał i nie ma wielu przykładów.
Go to the top of the page
+Quote Post
Rochu
post
Post #2





Grupa: Zarejestrowani
Postów: 64
Pomógł: 14
Dołączył: 25.09.2010

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

[PHP] pobierz, plaintext 
  1. var element = $("#id_menu");
  2. var menuBg = false;
  3.  
  4. function changeBgMenu(sTop) {
  5. if(sTop > 0 && menuBg == false) {
  6. element.css("background", "tutaj_wartosci_dla_tla");
  7. menuBg = true;
  8. } else if(sTop == 0 && menuBg == true) {
  9. element.css("background", "none");
  10. menuBg = false;
  11. }
  12. }
  13.  
  14. $(document).on('scroll', function(){
  15. var scrollTop = $(window).scrollTop();
  16. changeBgMenu(scrollTop);
  17. });
[PHP] pobierz, plaintext


Pisane z głowy, ale błędów nie widzę, powinno bez problemu zadziałać. Niestety nie znam żadnych dobrych stronek o jquery bo ich nie potrzebuję, jak raz się pozna jquery to jedyne co potrzebne to oficjalna dokumentacja ;P

//edit: poprawka

Ten post edytował Rochu 7.02.2015, 23:55:07
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 13:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn