Posição corrigida quando rolada passou por uma certa quantidade de pixels

Estou procurando uma maneira de posicionar o elemento #header da minha página como "Fixo" somente depois de rolar para baixo cerca de 170 pixel

Acima do cabeçalho é um banner, portanto, quando as pessoas rolam para baixo, eu gostaria que o banner fosse desviado, o cabeçalho permanecesse fixo quando atingir a parte superior da janela e o conteúdo da página rolasse por baixo do cabeçalh

http: //jsfiddle.net/tdskate/zEDMv

questionAnswers(5)

yourAnswerToTheQuestion