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