Esto es similar a SO: how to move a div with arrow keys, así que tal vez una clara e informada 'no' es suficiente como respuesta:div de Flecha
¿Puedo hacer un desbordamiento div un "objetivo de desplazamiento por defecto" que reacciona a la flecha hacia arriba/abajo/página abajo/espacio del mismo modo que un documento desbordado (es decir, desplaza el contenido hacia abajo)? La página en sí misma no tiene una barra de desplazamiento (ejemplo simple a continuación). En particular, ¿se puede lograr esto sin realizar un seguimiento explícito de los eventos clave (ni directamente ni ocultos por una biblioteca JS)?
<html>
<body>
<div id="contentcontainer" style="height:200px;width:200px;overflow:scroll">
<div id="innercontent" style="height:2000px;">foo</div>
</div>
</body>
</html>
Editar: Por supuesto, lo anterior funciona Después de hacer clic en el div. Básicamente, quiero evitar tener que hacer eso ...
han pensado en simplemente [labrar las barras de desplazamiento] (http://websitetips.com/articles/css/scrollbars/) del div y la aplicación de algún tipo de enfoque en la que –
sí, pero aún necesitas enfocar el elemento div. Por qué no lo intentas, fui a un sitio y simplemente hice clic en el div desbordado, y usé las teclas, no hubo problema ... pero un "enfoque automático" no podrás lograrlo, creo ... 7 – Luke
I no me importa el estilo. "Imponer algún tipo de enfoque" puede ser lo que estoy buscando ...;) ¿Cómo funcionaría? – dcn