¿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 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

I. Hola Lucas, gracias por dirigirme tu consulta, por desgracia no tengo la menor idea sobre este tema y diría que lo que he encontrado Googeando, o bien ya lo has visto por tu cuenta o no se ciñe a lo que necesitas. Pruebo de todos modos por si suena la flauta. Ánimo.

http://www.etnassoft.com/2011/11/21/los-nuevos-metodos-jquery-on-y-off/ 

https://translate.googleusercontent.com/translate_c?depth=1&hl=es&prev=search&rurl=translate.google.es&sl=en&sp=nmt4&u=http://stackoverflow.com/questions/42222953/checkbox-to-enable-disable-scroll-of-the-div-content&usg=ALkJrhhTQkg9BspJ2qHqu2n1uS23KBRO6g 

https://www.jose-aguilar.com/blog/mostrar-y-ocultar-el-contenido-de-un-div-con-un-checkbox/ 

http://es.stackoverflow.com/questions/6017/scroll-infinito-con-jquery-y-ajax 

https://thenewboston.com/videos.php?cat=32&video=18143 

https://translate.googleusercontent.com/translate_c?depth=1&hl=es&prev=search&rurl=translate.google.es&sl=en&sp=nmt4&u=http://stackoverflow.com/questions/28625910/jquery-enabling-checkbox-on-div-scroll&usg=ALkJrhjdyom_1_VZkyfZKX1aNBMh371Liw 

https://www.youtube.com/watch?v=cCcymQ74gkQ 

https://www.youtube.com/watch?v=ytKc0QsVRY4 

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas