Necesito hacer una navegación de este tipo:
http://www.superlovers.fr/atelier
Donde al clickear en la flechita de abajo se desplaza la página. Sé que para lograr ese efecto de desplazamiento uso un javascript smoothscroll y para decirle a dónde desplazarse debo colocar anclas o marcadores. Lo he conseguido hacer colocando un link con un href:"#aDestino" y luego en el div de destino agregando un id:"aDestino".
Pero esto me sirve sólo si el link lo coloco en botones o divs distintos para cada destino y yo quiero utilizar siempre un mismo botón (para lo que pensaba utilizar una imagen dentro de una etiqueta <a href...>) que me desplace hacia los distintos destinos a medida que voy bajando. No se si se entienda mi explicación pero en el sitio de referencia se puede ver y probar:
http://www.superlovers.fr/atelier
Es eso lo que quiero hacer, la flechita para bajar es siempre la misma dentro del mismo div y cada vez que la cliqueas te lleva a un div diferente (el siguiente) con distinto contenido.
¿Eso se hace con Javascript? ¿Puede ser con javascript y listas ordenadas (OL)?
Agradecería si alguien puede darme una pista para saber cómo resolverlo o si saben de algún tutorial o web que lo explique. Ya que estuve buscando y no encuentro nada

Gracias! Saludos!
Martín