javascript - 在一系列 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"