Efecto scroll bajar hasta el bottom

[Alexis88]

Aún me sigue pareciendo que puede llegar a ser incómodo para el usuario, porque puede ser que solo haya bajado con el scroll por querer ver solamente el inicio de la segunda sección o quizá por un error involuntario (movió mucho el mouse mientras bajaba o este es muy sensible).

Se me ocurre que sería más cómodo si tuvieras un menú cuyas opciones serían las que desplazaran al scroll hacia la sección que la opción indique.

Código HTML:

<nav>
    <li>Sección 1</li>
    <li>Sección 2</li>
    <li>Sección 3</li>
</nav>
    
<div>
    Contenido de la sección 1
</div>
    
<div>
    Contenido de la sección 2
</div>
    
<div>
    Contenido de la sección 3
</div>
 

Código Javascript:

var dad, pos, div, posDiv;
 
$("li").on("click", function(){
    dad = $(this).parent(); //El menú de opciones
    pos = $.inArray(this, dad.children()); //El número de opción pulsada
    div = $("div").eq(pos); //El número de Div correspondiente
    posDiv = div.position().top; //La ubicación del Div correspondiente
 
    //Desplazo suavemente al scroll hasta la ubicación del Div
    $("html, body").animate({
        scrollTop: posDiv
    }, 500);
});
 

DEMO

Saludos