Skip to main content
se añadieron 4 caracteres en el cuerpo
Origen Enlace
jasilva
  • 5.1k
  • 6
  • 32
  • 46

Hola me gustaría poder hacer que el id="botonstop"id="botonstop" parase la función desencadenada por el id="boton"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>

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>

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>

Origen Enlace
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>