Focus en la etiqueta main al cargar la página web

quico5 · #1 (**permalink**) 02/01/2017, 13:09

En el siguiente código de ejemplo uso el scrollbar de la etiqueta MAIN en lugar de en la etiqueta BODY, me he dado cuenta que al entrar en esta web, el foco esta en BODY y por lo tanto aunque MAIN tenga scrollbars estas no funcionaran hasta que pinche con el ratón dentro de MAIN, y me gustaría que funcionase directamente, gracias

Código HTML:

<html>
  <body>
    <header>Cabeceras</header>
    <main id="calendario" style="overflow:auto; height:100vh;">...</main>
  </body>
</html

Rafael · #2 (**permalink**) 03/01/2017, 10:11

Probablemente el link que te envía a tu página web debería entonces tener un

href=index.html#calendario en lugar de sólo apuntar a index.html.

Si es muy importante tal vez podrías forzar una redirección con ese hashtag, no sé si con JavaScript.

Turdo · #3 (**permalink**) 06/01/2017, 22:01

intenta con JS

Código Javascript:

Ver originalonload = function(){
    main = document.getElementById('calendario');
    main.focus();
}

Saludos!