Scrolling Infinito no funciona en Chrome !!!

Lupin · 6 Junio 2015, 18:30 PM

Hola muchachos por favor ayudenme ,ya no se que hacer

. El codigo funciona y carga los datos de Mysql pero el scrilling no funciona en Chrome, pero si en explorer. Es decir los datos se deberian cargar al llegar la final de la pagina con el scrolling pero no sucede en el Chrome !!!!!!

Código (html4strict) [Seleccionar]


<!doctype html>
<html>
<link rel="stylesheet" type="text/css" media="all" href="css/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
  $(function(){
      var i = 0;
      agregarContenido();
      $(window).scroll(function(){
          //cuando llegas al final de la página
          if (document.body.scrollHeight - $(this).scrollTop() <= $(this).height()){
              agregarContenido();

          }
      });

      function agregarContenido(){
          //Agregar el siguiente contenido a mostrar
        
        $.ajax({
        type: 'POST',
        data: {
            accion: 'agregarContenido',
            count: i,
            showing: 2,

        },
        url: 'src/controlador.php',
        success: function(result){
        	result = JSON.parse(result);
        	if(result.estado === "adding"){
        		i+=2;
	        	$("#content").append(result.cadena);
	        	console.log("agregando datos del "+(i-1)+" al "+i);
        	}else{
        		console.log(result.cadena);
				//alert("No hay registros");


        	}
        }
      });
      }
  });
</script>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

<body>
	 <a href="ingreso_paginas.php">Ingresar paginas</a>>
    <div id="container">
        <ul id="content">
            
        </ul>
    </div>

</body>
</html>

Este es el cargador en php

Código (php) [Seleccionar]

<?php
include "databaseConnector.php";

if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && ($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') && isset($_POST['accion'])){   	
    
	$devolver = null;
	extract($_POST);
	switch($accion){

		case 'agregarContenido': 
			$dbh = new databaseConnector();
			$stmt = $dbh->prepare("SELECT * FROM repaso LIMIT $count, $showing");
			$cadena="";
			if($stmt->execute()){
				while($row = $stmt->fetch()){
					//Mando directamente el html a incrustar, 
					//pero no es la mejor práctica.
					//Solo es un ejemplo.
					
					$cadena.= "<li><strong>".$row["id"]."</strong><br />";
        			$cadena.= "<img src='img/pag_subidas/".$row['img_pagina']."' width=100% /> </li>";
					
					
					

					

					
					
					
				}	
			}

			//si la cadena esta vacia entonces ya no hay nada para agregar
			
			if($cadena){
					$estado = "adding"; 
			}else{
				$estado = "stop";
				$cadena = "No hay datos para agregar";
			}

			//devuelvo el estado y la cadena para mostrar
			$devolver = array("estado" => $estado, "cadena" => $cadena);
			break;
		
		default:
			echo "default";
			break;
	}
	if ($devolver)

		echo json_encode($devolver);
}
else {
	die('No se está accediendo correctamente');
}
?>

Iluminen mi camino !!!!!!! que estoy a punto de patear la PC $:-\$

#!drvy · 6 Junio 2015, 19:42 PM

En mi chrome tu código funciona bien. Por lo menos lo que es la parte del JS. Te recomiendo que mires el estado de ScrollHeight que te retorna Chrome y lo compares contra el resto, igual tienes alguna propiedad CSS que lo afecta.

Saludos

Lupin · 6 Junio 2015, 20:19 PM

Holaaaa #!drvy.
Gracias por ti tiempo por alguna razon, no hace scrolling con width=100% he probado con width=800px y recien funciona
Gracias

Test Foro de elhacker.net SMF 2.1

Scrolling Infinito no funciona en Chrome !!!

Lupin

#!drvy

Lupin