Hogyan érhetem el azt, hogy ha egy horganyra ugrok a lapon belül, akkor az a lap tetejére hozza fel?

Van 4 "fejezet címem". Alatta hozzá 4 bekezdésem. Horgannyal van megcsinálva.

Pl.:

<ul>

<li>

<a href="#elso">1. fejezet</a>

</li>

<li>

<a href="#masodik">2. fejezet</a>

</li>

<li>

<a href="#harmadik">3. fejezet</a>

</li>

<li>

<a href="#negyedik">4. fejezet</a>

</li>

</ul>

<div>

<h1 id=elso>Cím </h1>

A tartalom...

</div>

<div>

<h1 id=masodik>Cím </h1>

A tartalom...

</div>

<div>

<h1 id=harmadik>Cím </h1>

A tartalom...

</div>

<div>

<h1 id=negyedik>Cím </h1>

A tartalom...

</div>

Azt már sikerült megcsinálni, hogy szépen animálva görgeti. Ami viszont nem megfelelő az az, hogy csak egy picit teker rajta felfelé. Azt szeretném, hogy amíg elég a tartalom szövege hozzá, addig egészen a lap tetejéig jöjjön fel, tehát ott kezdődjön az aktuális fejezet, amikor a legutolsóhoz ér, akkor pedig, ha nincs már annyi szöveg, hogy ennyi helyet kitöltsön akkor addig jöjjön fel, hogy ne lehessen lejjebb görgetni.

Ebben tudna valaki segíteni? Köszönöm szépen.