Jak v html přinutit posuvník na pozici aktivního seznamu ?

Zdravím, můžu nějak v html přinutit aktivní seznam <li> aby se zobrazil taky i na pozici na stránce ? mám v css nastavený overflow aby se zobrazil posuvník toho <ul> když bude delší seznam než stránka, ale po vybrání dalšího <li> které je mimo stránku se načte vždy posuník nahoře, ne tam kde je aktivní <li>. Poradí někdo ? Děkuji.

Předmět	Autor	Datum
Tak jsem asi nepochopil, co vlastně potřebuješ. Nemáš někde příklad? Wikan 19.07.2016 07:47	Wikan	19.07.2016 07:47
Mám to jen lokálně, nic méně pokusím se o lepší popis. - Mám div s pevnou výškou 200px - Uvnitř toho… CSS 19.07.2016 11:43	CSS	19.07.2016 11:43
Tohle nepomůže? zalozky.html IQ37 19.07.2016 18:09	IQ37	19.07.2016 18:09
Pozri nižšie. Tiež môžeš použiť aj jquery, skrolovat na pixely, alebo si nájdeš offset toho tvojho a… poslední čitateľ 19.07.2016 18:23	čitateľ	19.07.2016 18:23
Ja som asi pochopil, chce naskrolovať ten svoj zoznam na aktívnu položku. V tom prípade javascript,… čitateľ 19.07.2016 08:13	čitateľ	19.07.2016 08:13
<!DOCTYPE html> <html> <head> <style> body { width: 5000px; } </style> </head> <body> <p>Click the b… Mlocik97 19.07.2016 10:44	Mlocik97	19.07.2016 10:44
Áno to, ale skrolovať môže aj ten samotný div, preto to okno... nájde si ho cez nejaký getelementbyi… čitateľ 19.07.2016 18:19	čitateľ	19.07.2016 18:19

Tak jsem asi nepochopil, co vlastně potřebuješ. Nemáš někde příklad?

Mám to jen lokálně, nic méně pokusím se o lepší popis.
- Mám div s pevnou výškou 200px
- Uvnitř toho div-u je seznam ul

<div>
 <ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li class="active">5</li>
  <li>6</li>
 </ul>
</div>

- Do toho div-u se vleze cca 100 položek, když tam bude položek víc, zobrazí se posuvník pouze pro ten seznam (ne celé stránky)
- Pokud bude položka active do 100 řádků, bude vše ok
- Pokud bude položka active na řádku > 100, měl by být posuvník posunutý aby byla vidět active položka v seznamu, ale není, posuvník je vždy po načtení nové stránky nebo při F5 vždy zcela nahoře.

Snad to je lépe k pochopení.

Tohle nepomůže? zalozky.html

a-name-kotva.html 12.07 KiB

Pozri nižšie. Tiež môžeš použiť aj jquery, skrolovat na pixely, alebo si nájdeš offset toho tvojho active elementu, a posunies to k nemu

Tu je to snad vsetko spomemute
http://stackoverflow.com/questions/5284814/jquery- scroll-to-div

Ja som asi pochopil, chce naskrolovať ten svoj zoznam na aktívnu položku. V tom prípade javascript, okno.scrollTo() a podobne

<!DOCTYPE html>
<html>
<head>
<style>
body {
    width: 5000px;
}
</style>
</head>
<body>

<p>Click the button to scroll the document window to 500 pixels horizontally.</p>

<button onclick="scrollWin()">Click me to scroll horizontally!</button><br><br>

<script>
function scrollWin() {
    window.scrollTo(500, 0);
}
</script>

</body>
</html>

no nevím či chce tohle.

Áno to, ale skrolovať môže aj ten samotný div, preto to okno... nájde si ho cez nejaký getelementbyid

Zpět do poradny Odpovědět na původní otázku Nahoru