Я пытаюсь создать страницу, где есть несколько разделов, и когда вы прокручиваете заголовок, который вы находитесь, всегда отображается вверху страницы (в фиксированном элементе). Я хочу добиться того же эффекта, что и на iPhone, где при прокрутке он «выталкивает» старый заголовок и заменяет его.
Я видел, как это делалось со списками, но я хочу сделать это с несколькими HTML5 разделы.
Например:
<section>
<h1>Header 1</h1>
<p>Text for section</p>
</section>
<section>
<h1>Header 2</h1>
<p>Text for section</p>
</section>
У кого-нибудь есть идеи?
Спасибо