Skip to main content
1 de 2
Ivan Soler
  • 937
  • 1
  • 7
  • 23

Botón Parar Scroll Automático

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>

Ivan Soler
  • 937
  • 1
  • 7
  • 23