CSS - Jak zachovat pozici posuvníku

a v tom divu kliknu na nějakou kategorii

O jaké kategorii píšeš? To si tady asi těžko někdo představí.
Můžeš zkusit odkazovat na kotvu ve stránce.

Je to nějak takto

<div class="cat">
 <ul>
  <li><a href="cat1">cat 1</a></li>
  <li><a href="cat2">cat 2</a></li>
  <li><a href="cat3">cat 3</a></li>
  <li><a href="cat4">cat 4</a></li>
  ..
  ..
  <li><a href="cat100">cat 100</a></li>
  <li><a href="cat101">cat 101</a></li>
  <li><a href="cat102">cat 102</a></li>
 </ul>
</div>

 <li><a href="#kotva4">cat 4</a></li>
<a name="kotva4">text cat 4</a>

Viz. zalozky.html

Díky, a proč tam máš 2x href?

tohle je špatně?

<li><a href="category-4/#kotva4">cat 4</a></li>

potřebuji aby se posuvník nastavil po načtení stránky, již bez dalšího klikání.

Href vidím jen jednou. Kam se ti posune posuvník, nevím. Posune se to automaticky tam, kde bude ve stránce umístěná ta "kotva". Odkazovat můžeš i mimo současnou složku, ale musíš odkazovat na soubor. Viz. příklad:

<li><a href="jina-slozka/index.html#kotva4">cat 4</a></li>

Promiň, myslel jsem, že je tam 2 x <a>.
Jenže tohle nefunguje, posuvník je vždy nahoře.

Tohle určitě funguje. Záleží ale na tom, kam ve stránce tu kotvu umístíš.
Když ji dáš na začátek stránky, tak logicky posuvník zůstane nahoře, protože nemá důvod scrollovat.