The header needs to change border

I am making a website and i have a header. I want it so that after scrolling down a bit there is an actual box around the header which should not there until you reach that point of the document.

I expect it to work. Duh! 😛