Dotaz: HTML a focus na DIV

[nn]

Dobry den,

mam HTML stranku zhruba tohoto obsahu (zjednoduseno !)

#header, #content, #footer {
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
}

#header {
  height:50px;
  z-index:9999;
}

#content {
  padding-top: 50px;
  z-index:9996;
  overflow-y: scroll;
}

#footer {
  height:60px;
  top:inherit;
  bottom:0;
  z-index:9998;
}

<div id="header"> Hlavicka </div>
<div id="content"> ...blah blah blah... (velmi dlouhy text) </div>
<div id="footer"> Paticka </div>

Hlavicka a paticka jsou pomoci CSS zafixovane nahore resp. dole na strance.

Kdyz nactu stranku a zmacknu sipku dolu, obsah div#content se neodviji. Musim do neho kliknout, aby se odvijel.

Neodviji se, ani kdyz na konec stranky pridam toto:

<script type="text/javascript">
  document.getElementById("content").focus();
</script>

Co delam blbe? Jak dosahnout toho, abych nemusel klikat do toho textu a on se po nacteni stranky odvijel pouhym stisknutim sipky dolu?

Dekuji

---

---

Odpovědi

[Filip Jirsák]

Zrušte position:fixed pro #content, místo toho mu nastavte margin stejný, jako je výška #header resp. #footer. Tím pádem bude fungovat normální posouvání stránky zabudované v prohlížeči.

[nn]

Super! To je ono. Dekuji