Стилизиране на хедър

Gamerz

Registered
Здравейте, искам да подредя хедъра на сайта си по един много специфичен начин. За да стане ясно разгледайте и картинките.

Когато е скролирано до най-горната част на сайта той трябва да изглежда така:

scaled.php


А когато се свали по-надолу, горната част с логото и търсачката, трябва да скрива менюто, като оставя само стрелка, която може да го извади обратно.
scaled.php


Благодаря предварително!
 
Сложи 1 див и сложи псевдо елемента :focus и другото е JS(така мисля, че ще стане)
 

Горе