Nach Button-Click nicht an den Seitenanfang springen

Hi,

stehe vor einem Problem. Habe ein Formular. Klicke ich auf den Button "Absenden", springt mir die Seite automatisch an den Seitenstart. Ich will jedoch, dass nach dem Klick auf "Absenden" die Webseite sanft ganz nach unten scrollt. Habe folgendes J-Script, um das zu verhindern:

<script>
   $(document).ready(function() {
       $('html, body').animate({
          scrollTop: $('#endOfPage').offset().top
       }, 1000);
   });
</script>

<button ...>Absenden</button>

<div id="endOfPage">
 Das ist das Ende der Seite ...
</div>

Allerdings springt mit nach dem Click auf Absenden die Seite erst nach oben und scrollt dann smooth nach unten. Das ist auch doof. Und mit $(document).click(function() funktioniert es auch nicht. Hat jemand eine Idee? Vielen Dank 🙂

LG
Sunny