• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Animacja fade in w css

0 głosów
51 wizyt
pytanie zadane 11 lutego w HTML i CSS przez Anetka Początkujący (260 p.)

Cześć, mam taki prosty skrypt, który robi, że jeśli zescrolluje slider od id "main" to wtedy mam fixed menu, wszystko ładnie i pieknie działa tylko chciałabym zrobić animację fade in

Czyli jak przescrolluje id "main" to do #navbar dodaje się klasa np "animacja", ttylko teraz pytanie jak ogarnąć tą animacje w css, animacji za bardzo nie ogarniam, a chciałabym, żeby to menu ładnie się pojawiało w stylu fade in

#main {
width:100%;
background-color:red;
}

#fixed {
position:fixed;
top:0px;
}
$(document).ready(function() {
  $(window).bind('scroll', function() {
    // The value of where the "scoll" is.
	var div_top = jQuery('#main').offset().top;
    if($(window).scrollTop() > div_top){
$('#navbar').addClass('fixed'); 
    }else{
      $('#navbar').removeClass('fixed');
		
    }
})}
);

 

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 52 wizyt
pytanie zadane 12 lutego w HTML i CSS przez Anetka Początkujący (260 p.)
0 głosów
0 odpowiedzi 410 wizyt
pytanie zadane 17 września 2016 w HTML i CSS przez Boshi VIP (100,720 p.)
0 głosów
2 odpowiedzi 119 wizyt
pytanie zadane 17 sierpnia 2016 w HTML i CSS przez Barttyyy Gaduła (4,700 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

63,302 zapytań

109,560 odpowiedzi

228,866 komentarzy

43,778 pasjonatów

Przeglądających: 271
Pasjonatów: 14 Gości: 257

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...