使用动画Jquery导航到当前div下方或上方的div？JavaScript？

我有一个网站，我做了这样的网站，每个页面都是垂直的在下/在上。在同一页上我想把一些箭头按钮放在屏幕的顶部和底部，所以一旦你点击它，它要么动画到它上面的div（如果你点击屏幕顶部的按钮），要么动画到它下面的div（如果你点击底部的按钮）

我在每个div上使用了一个minheight 100%的类，目前有三个div

我觉得这不应该太难。如果你能帮我，那就太好了。多谢各位

我画了一张小照片，让它更具描述性。应该能让你完全了解我在找什么

$（函数（）{
功能滚动（方向）{
我,，
职位=[]，
此处=$（窗口）.scrollTop（），
集合=$（'.part'）；
集合。每个（函数（）{
positions.push（parseInt（$（this.offset（）['top']，10））；
});
对于（i=0；i此处）{scroll=collection.get（i）；break；}
if（direction=='prev'&&i>0&&positions[i]>=here）{scroll=collection.get（i-1）；break；}
}
如果（滚动）{
$.scrollTo（滚动{
持续时间：350
});
}
返回false；
}
$（“#下一步，#上一步”）。单击（函数（）{
返回滚动条（$（this.attr（'id'））；
});
$（“.scrolltoanchor”）。单击（函数（）{
$.scrollTo（$（$（this.attr（“href”））{
持续时间：350
});
返回false；
});
});

到目前为止，您尝试了什么？如果用户还可以手动滚动，你可以考虑<代码> ScReltoto <代码> Pultuin。是的，它们将被允许手动滚动。尽管如果他们不能，我也不会太担心。我已经研究了scrollto，但唯一的问题是我对Jquery/Javascript的使用很糟糕/弄明白了！谢谢习惯于滚动键。；）在这种情况下，您是否可以发布一个答案，这样您的问题可能对未来的访问者有用。=）如果有人有任何问题，我将尝试进一步详细介绍脚本

<script type="text/javascript">
$(function() {

    function scroll(direction) {

        var scroll, i,
                positions = [],
                here = $(window).scrollTop(),
                collection = $('.part');

        collection.each(function() {
            positions.push(parseInt($(this).offset()['top'],10));
        });

        for(i = 0; i < positions.length; i++) {
            if (direction == 'next' && positions[i] > here) { scroll = collection.get(i); break; }
            if (direction == 'prev' && i > 0 && positions[i] >= here) { scroll = collection.get(i-1); break; }
        }

        if (scroll) {
            $.scrollTo(scroll, {
                duration: 350       
            });
        }

        return false;
    }

    $("#next,#prev").click(function() {        
        return scroll($(this).attr('id'));        
    });

    $(".scrolltoanchor").click(function() {
        $.scrollTo($($(this).attr("href")), {
            duration: 350
        });
        return false;
    });

});
</script>