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

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"