jQuery GET carga pagina y queda abajo

nicolyto77 · #1 (**permalink**) 13/04/2012, 15:56

Holas

Tengo un problemon

Resulta que yo cargo las noticias en un DIV, las mismas las voy mirando con la paginacion que tengo.

El problema es que cuando son unas 10 noticias, el scroll del navegador se baja hasta las ultimas de abajo, y cuando pulso en un link de la pagina siguiente, carga perfectamente, pero queda el scroll por la mitad y no sube para ver las noticias siguientes desde la primera, sino que sube un poco y ahi queda muerto, teniendo que subir manualmente y no es la idea !

Espero me puedan ayudar, probe muchas cosas de ScrollTo, Animate, etc pero nada...

Código Javascript:

Ver originalfunction Cargar(URL) {
 
$.get(URL,
    { nbRandom: Math.random() },
    function(data){
        $("#myDiv").html(data);
        }
    )
    .error(function() { Cargar('404.htm') })
 
}

Asi cargo las paginas, con el $.get() y lo hace perfecto, salvo ese detalle.

Un saludo!

emprear · #2 (**permalink**) 13/04/2012, 16:31

Es solo una idea, a falta de tu aplicación completa hice esto, en realidad es a la inversa, en lugar de cargar la página en el inicio, busco una posición, pero si funciona, basta con poner el marcador al inicio de la página de resultados

Esta página carga las noticias

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/jslib/jquery-1.6.1.min.js"></script>
</head>
<body>
    <p>
    <button id="ver">noticias</button>
    <br />
</p>
    <div id="lista" style="height: 100px;width: 400px; border: solid 1px #000; overflow-y: scroll"></div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){ 
 
$("#ver").click(function(){
    $("#lista").load("lista.html#marca"); // agregamos un marcador
});
    
}); // fin ready
 
//]]>
</script>
 
</body>
</html>

tu pagina de resultados, lista.html (le doy un contenido extra al inicio)

Código HTML:

Ver original<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<p>xxxx</p>
<ul id="marca">
<li>noticia1</li>
<li>noticia2</li>
<li>noticia3</li>
<li>noticia4</li>
<li>noticia5</li>
<li>noticia6</li>
<li>noticia7</li>
<li>noticia8</li>
<li>noticia9</li>
<li>noticia10</li>
<li>noticia11</li>
<li>noticia12</li>
<li>noticia13</li>
<li>noticia14</li>
<li>noticia15</li>
<li>noticia16</li>
<li>noticia17</li>
</ul>

Tene en cuenta que no estoy paginando nada, usando load() supongo que siempre debería cargar por el inicio del documento sin hacer ningún agregado, ahora si a lista.html le agregas al inicio

Código Javascript:

Ver original<script type="text/javascript">
//<![CDATA[
location.href = "#marca";
//]]>
</script>

vas a forzar que los resultados se muestren a partir de la <ul id="marca">

Código Javascript:

Ver original<script type="text/javascript">
//<![CDATA[
location.href = "#marca";
//]]>
</script>

por ahi te sirve

Saludos

nicolyto77 · #3 (**permalink**) 13/04/2012, 17:49

Holas emprear

Te agradezco muchisimo por el tiempo de darme una mano!

Funciona a la perfeccion

No se porque no se me ocurren antes estas cosas para probar, siempre empezando a buscar por lo mas dificil

Nuevamente gracias! Con el ultimo codigo ya me funciono

Un saludo