Como enfocar div al hacer click en link

[Alexis88]

Te refieres a crear anclas. Es un procedimiento sencillo, basta con que a cada elemento al que quieres dirigirte, le asignes un Id (recordando que el Id debe de ser único), mientras que en el atributo href de los enlaces, colocas el Id del elemento en cuestión pero con el signo de numeral # antes de este.

Código HTML:

<a href = "#uno">Ir a la sección 1</a>
<a href = "#dos">Ir a la sección 2</a>
<a href = "#tres">Ir a la sección 3</a>
 
<section id = "uno"></section>
<section id = "dos"></section>
<section id = "tres"></section>
 

Mientras que lo segundo, se trata de una imagen o elemento HTML oculto y con posición fija, que se hace visible cuando la barra de desplazamiento se ha desplazado cierta cantidad de píxeles hacia abajo. Luego, cuando se le da un clic, se realiza el scrolling (movimiento de la barra de desplazamiento) hacia el inicio de la página.

Código Javascript:

var arriba = document.getElementById("arriba"), //Ocultado previamente con CSS
    body = document.body;
 
window.addEventListener("scroll", function(){
    if (this.scrollY > 80)
        arriba.style.opacity = 1;
    else
        arriba.style.opacity = 0;
}, false);
 
arriba.addEventListener("click", function(){
    body.scrollTop = 0;
}, false);
 

En el script, tomamos al elemento que nos servirá de botón para subir y al cuerpo del documento. Luego, cuando se haga scroll en la ventana, verificamos la cantidad de píxeles desplazados hacia abajo en el eje Y; si dicha cantidad es mayor a 80 (o la cantidad que elijas), mostramos al botón para subir, caso contrario, lo ocultamos. Cuando se le de un clic a dicho botón, asignamos el valor cero al scroll vertical del cuerpo del documento, con lo cual, la barra de desplazamiento vertical, quedará situada en su posición original.

DEMO
Código

Saludos