¿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

Respuesta
2

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.

Respuesta
1

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas