¿Cómo detener o activar un scroll automático con Ajax dependiendo de un checkbox?

Les quería consultar sobre lo siguiente. Tengo por medio de ajax un div que trae informacion de una pagina="webbusqueda.php". El mismo div tiene un scroll automatico que posiciona al final del div la barra. Esto funciona perfecto. Lo que necesitaría es que por medio de un checkbox pueda detener o activar ese scroll. El código que tengo es el siguiente:

<script type="text/javascript">
$(document).ready(function(){
 function changeColor(){
    $.ajax({
      url: 'webbusqueda.php',
      success: function(data) {
        $('#busqueda').html(data);
        $("#busqueda").css({
            "background-color":"#FFF"
            });
        $("#busqueda i").css({
            "background-color":"#E0E6F8",
            "color":"BLUE"});
        var Altura = $('#busqueda').prop("scrollHeight");
        $('#busqueda').scrollTop(Altura);
      }
    });
  }
$.ajaxSetup({"cache":false}); // para borrar la cache
setInterval(changeColor, 1100);  // aca modifique el tiempo 1000
});
</script>

y el div:

<div id="busqueda">
</div>
<input name="micheckbox" id="micheckbox" type="checkbox"/>Activar / Desactivar<br/>
2

2 Respuestas

156.155 pts. O eres parte de la solucion, o eres parte del problema.

Ahí es donde cambia la altura antes de eso tendrás que comprobar si el checkbox esta activado, te lo pongo de memoria, pero no sera difícil buscar como es:

var moverScroll = $("#checkBoxId").val() == true;

if ( moverScroll ){

var Altura = $('#busqueda').prop("scrollHeight");
$('#busqueda').scrollTop(Altura);

}

Con eso solo se moverá si esta el checkbox activo.

886.555 pts.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas