Imprimir Página - Scrolling Infinito no funciona en Chrome !!!

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

<!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
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 :-\

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Lupin en 6 Junio 2015, 18:30 pm