Question

我已经滚动了divs序列的代码，每个代码都叫.container。每个.container都有100％的高度，因此用户最终会在页面的最后位置结束。

现在我尝试在用户到达页面底部时回滚到顶部（使用相同的.container类）。

$('.down').click(function (e) {
    var next_container = $(this)
        .next(container);
    $('html, body')
        .animate({
        scrollTop: next_container.offset().top
    }, 'slow');
});

有没有办法让jQuery检测到用户位于文档的底部，结果滚动到第一个.container（而不是下一个）？

Answer 1

您可以检查是否找到了下一个容器。如果没有，请转到第一个：

$('.down').click(function (e) {
    var next_container = $(this).next(container);
    if (!next_container.length) {
        next_container  = $(container).first();
    }

    $('html, body').animate({
        scrollTop: next_container.offset().top
    }, 'slow');
});

这假设您的container变量是一个带有元素选择器的字符串，即。 ".container"

在一系列div之后滚动到页面顶部

1 个答案: