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.