Javascript jQuery：单击以滚动到下一节

我设置了一个函数，当您单击

。部分向下箭头环绕

时，它将遍历祖先并找到最近的

。全屏

元素，这个想法是当你点击它时，它会将

部分

元素向下滚动到

.fullscreen

的下一个实例，正如你可以看到的那样：它没有按预期工作，有些滚动到下一个，有些没有，有些向上滚动。我还需要一种方法，可以在树的更上层找到

全屏

，因为它不总是

部分向下箭头环绕的祖父母元素

。以下是标记：

HTML:

如有任何建议，将不胜感激

$(document).ready(function(){
    $("#button").click(function() {
        $('html, body').animate({
            scrollTop: $("#scroll").offset().top
        }, 1000);
    });
});

按钮是要单击的id 滚动是滚动到的位置。为此，您需要执行

$（部分）.scrollTop（）+fuller.offset（）.top

$（文档）.ready（函数（）{
$（'.section down arrow wrap.scroller'）。在（'click'，函数（）{
var fuller=$（this）.closest（'.fullscreen'）。next（'.fullscreen'），
section=$（this）.closest（'.section'）；
第1节动画制作({
scrollTop:$（节）.scrollTop（）+fuller.offset（）.top+0
}, 700);
});
});
部分{
位置：固定；
宽度：100%；
身高：100%；
排名：0；
左：0；
溢出：滚动；
}
.全屏{
位置：相对位置；
宽度：100%；
高度：400px；
背景：橙色；
}
.全屏：第n个孩子（偶数）{
背景：蓝色；
}
.剖面向下箭头环绕{
光标：指针；
}

点击
点击
点击
点击
您必须在计算中包含滚动条的当前垂直位置

此操作将滚动到set元素，而不是“下一步”部分。
$(document).ready(function () {

    $('.section-down-arrow-wrap.scroller').on('click', function () {

        var fuller = $(this).closest('.fullscreen').next('.fullscreen'),
            section = $(this).closest('.section');

        section.animate({
            scrollTop: fuller.offset().top + 0
        }, 700);

    });

});

$(document).ready(function(){
    $("#button").click(function() {
        $('html, body').animate({
            scrollTop: $("#scroll").offset().top
        }, 1000);
    });
});

$('.scroller').click(function(){
    var fuller = $(this).closest('.fullscreen').next(),
        section = $(this).closest('.section');

    section.animate({
        scrollTop: section.scrollTop() + fuller.offset().top
    }, 700);
});