单击div时滚动顶部，如果滚动位于顶部则滚动到底部

Question

我在我的网站上使用Jquery代码。当点击div（.bottom）时，我的页面滚动到顶部。它工作得很好，这是我的代码：

function scroll_cartouche(){
    $('.bottom').click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 500);
});

现在我的页面已经滚动到顶部，我想再次点击.bottom div，滚动到底部（在初始位置返回）

这是我尝试的代码，但我有一个错误：

function scroll_cartouche(){
    $(window).scroll(function () {
        if ($(this).scrollTop() != 0) {
            $('.bottom').click(function() {
                $("html, body").animate({ scrollTop: $(document).height() }, 500);
            });
        } else {
            $('.bottom').click(function() {
            $("html, body").animate({ scrollTop: 0 }, 500);
            });
        }
    });
}

任何人都可以帮我这个吗？ 非常感谢，

Answer 1

做类似

的事情

$('.bottom').click(function() {
    if ($(window).scrollTop() == 0) {
        $("html, body").animate({ scrollTop: $(document).height() }, 500);
    } else {
        $("html, body").animate({ scrollTop: 0 }, 500);
    }
});