javascript - 单击 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);
    }
});