Zmniejszanie się diva po zaczęciu scrollowania

Question

Witam jak zrobić lub jak nazywa się biblioteka z takim oto efektem, gdy zjeżdzam tutaj na dół, menu cały nav się zmniejsza.

 

LIVE:

http://pesio.ayz.pl/WWDCh/2/#home

Answer 1

tutaj nie ma żadnej biblioteki, ani ogólnie niczego skomplikowanego.
Tylko CSS + JS :)
Wystarczy, że w CSS dasz nową klasę i ustawisz, jak ma wyglądać menu kiedy zjedziemy niżej i po prostu później dodajesz nową  klasę do menu, która zmniejsza logo, zmniejsza nav i co tam sobie jeszcze wymyślisz ;)

Answer 2

CSS + jQuerry, choć pewnie w samym js dało by rade ;)

https://jsfiddle.net/vp5y5s4a/3/

 

$( window ).scroll(function() {
    if(this.scrollY > 0) 
    {
    	$(".a").addClass("b");
    }
    else
    {
    	$(".a").removeClass("b");
    }
});