Zafixování nadpisu při scrollování v mobilu [ukázka]

Dobrý den,

rád bych se s Vámi poradil o následujícím řešení. Na webu mám na několika stránkách poměrně mnoho textového obsahu, který je oddělen nadpisy 2 úrovně. Pro příklad jen ukázka s lorem ipsum -> www.oftablog.cz/temp/scroll.html . Na mobilu při scrollování poměrně snadno člověk ztratí kontext, rád bych tedy ukotvil h2 na horní hranu prohlížeče pro scrollování. Rozepíšu postup:

1. Návštěvník na zmíněné stránce www.oftablog.cz/temp/scroll.html začne scrollovat
2. V momentě, kdy bude h2 "Zafixovaný druhý nadpis" na horní hraně prohlížeče, zafixuje se.
3. V momentě, kdy odscrolluje na "Zafixovaný dřetí nadpis", zafixuje se tento nadpis.

Rád bych se poradil, jak toto vlastně řešit, bez výpočtu výšky elementu, ve kterém je h2. Dá se toto nějak snadno řešit? Z pohledu uživatele mi přijde fixace užitelná, pakliže bude dobře nadpis nastylován.

Děkuji