Edit in JSFiddle

$(function(){
    $(".scroll").click(function(){
        var i = $(".scroll").index(this);
        var p = $(".test").eq(i).offset().top;
        
        $("html,body").animate({scrollTop:p},"fast");
        return false;
    });

});

<ul>
    <li class="scroll">sample</li>
</ul>

<div class="test">
    <p>aaaaaaa</p>
</div>

.test{
    margin-top:800px;
}