Sticky menu chowające się po przewinięciu strony

Poniżej przedstawiam prosty przepis na menu "sticky", które chowa się po przewinięciu strony do pewnej wysokości. Problem sprawia tutaj rwd - strona będzie "wyższa" przy wąskim ekranie i użytkownik będzie miał więcej treści do przewijania. Jeśli wiesz, jak to obejść, daj znać w komentarzu.

Najpopularniejsze selektory CSS

* Zaznacza wszystkie elementy na stronie (zastosowanie np. ustawienie box-sizing);

p Zaznacza wszystkie paragrafy

p, div, input – styluje różne elementy w ten sam sposób.

div p – paragraf musi znajdować się w elemencie div

div > p Zaznacza wszystkie elementy p będące dzieckiem selektora div (nie mogą być dalszym potomkiem)

div + p Zaznacza elementy p które są poprzedzane przez element div

div ~ p Element div ma być poprzedzony elementem p