Как вывести заголовок из области прокрутки?

У меня есть заголовок и длинный прокручиваемый контент. Я бы хотел, чтобы заголовок не прокручивался. Я пробовал настройкуoverflow: hidden в шапку, но безуспешно.

Как я могу получить заголовок из области прокрутки?

Snippet:

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

УвидетьПлункер с этим кодом.

Я также попытался установить стили в теле - без успеха.

Я знаю, что естьспособ сделать заголовок фиксированным, используя фиксированную позицию, но я не хочу использовать это, потому что это требует, чтобы знать высоту заголовка заранее (для поля). Это требует дублирования размера, а если заголовок более сложный, он требует вычислений.

Ответы на вопрос(2)

Ваш ответ на вопрос