Hola me gustaría poder hacer que el id="botonstop"
parase la función desencadenada por el id="boton"
que en este caso es un scroll automático. También me gustaría que pudiese ser compatible con que el scroll automático se activase nada más cargar la página.
$(document).ready(function() {
$("#boton").click(function(event){
$("html, body").animate({ scrollTop: '15000px' }, 10000);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="boton" href="#bottom" style="position:fixed;">start scrolling</a>
<a id="botonstop" href="#bottom" style="position:fixed; margin-top:30px;">stop scrolling</a>
<div id="relleno" style="height:15000px; width:500px; background:green;">
<h2 id="bottom">bottom of page</h2>