Stop kørende event i Jquery

Hej Eksperter,

Jeg har en side hvor, når man trykker på en knap, så slider siden stille og rolig ned til et punkt. JEg vil dog gerne have at man undervejs har mulighed for at klikke et hvilke som helst sted (evt. body) på siden, og så stopper den.

Min nuværende kode der får den til at scrolle stille og rolig ned, ser sådan her ud:

<script>
$(document).ready(function() {
   
    $('a[href^="#"]').click(function(event) {
     
        var id = $(this).attr("href");
       
        var offset = 60;
     
        var target = $(id).offset().top - offset;
     
        $('html, body').animate({scrollTop:target}, 100000);

        event.preventDefault();
    });
});
</script>