Como tirar o cabeçalho da área de rolagem?

Eu tenho um cabeçalho e um longo conteúdo rolável. Eu gostaria que o cabeçalho não fosse rolável. Eu tentei configuraroverflow: hidden para o cabeçalho, mas sem sucesso.

Como posso tirar o cabeçalho da área de rolagem?

Snippet:

<body>
  <div style="overflow: hidden">Header</div>
  <div style="overflow: scroll">Content - very long Content...

Vejoum Plunker com este código.

Eu também tentei definir estilos no corpo - sem sucesso.

Eu sei que temuma maneira de fixar o cabeçalho usando a posição fixa, mas não quero usá-lo porque ele precisa conhecer a altura do cabeçalho com antecedência (para a margem). Isso requer duplicação de tamanho e, se o cabeçalho for mais complicado, exige computação.

questionAnswers(2)

yourAnswerToTheQuestion