прокрутка вверх при нажатии на div, затем прокрутка вниз, если прокрутка наверху

Question

Я использую код JQuery на своем веб-сайте. при нажатии на div (.bottom) моя страница прокручивается вверх. это работает прекрасно, вот мой код:

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

теперь, когда моя страница прокручивается верхнюю вершину, я хотел бы при нажатии на .bottom Див снова прокручивать вниз (возврат в исходное положение)

вот код, который я попробовал, но у меня есть ошибка:

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); 
    } 
});