Problema con jScrollpane

[wolfmoon]

A ver si me se explicar.....

Esto me pasa con todos los navegadores excepto el explorer, que ya es raro.

Cargo con jquery mediante un enlace del menu un php dentro de un div. Esta pagina php contiene un blog con 10 registros y un scrollpane para poder desplazarse por dicho blog.

Bien, cuando hago click en el enlace correspondiente me carga la pagina correctamente, pero al bajar el scroll descubro que no me muestra los 10 registros, sino cuatro y medio, o cinco, o cinco y medio, depende del navegador.

En el momento que recargo la pagina, o hago click en otro enlace del menu, y luego vuelvo a hacer click en el blog ya se me arregla la averia, desplazandose el scroll a lo largo de los 10 registros.

El codigo es el siguiente:

Código Javascript:

jQuery('#item1').click(function(element){
            showBlog();
        });
 
function showBlog(){
        
        blog_section = 1;
        
        jQuery('#blog').remove();
        
        jQuery.loading.defaultOptions = jQuery.extend({}, jQuery.loading.defaultOptions, {
            src: 'images/ajax-loader.gif'                                       
        }); 
                                
        jQuery("#wrapper").append('<div id="loading"></div>').children('#loading')
        jQuery("#loading").loading()
            
        setTimeout(
            function(){ 
        
                jQuery('#wrapper').append('<div id="blog"></div>').children('#blog').load("blog.php", function(){
                    jQuery("#loading").remove();    
                    jQuery('#blog_left').jScrollPane({verticalDragMinHeight:40,verticalDragMaxHeight:40});
                    jQuery("#blog_right img").tipTip({defaultPosition: "top"});
            
                }); 
        
        }, 2000);
            
    };
 

Gracias por las posibles respuestas, porque me esta volviendo loco la tonteria esta.

[leif_sk8er]

pero el html que te devuelve el php mediante ajax está completo no? Es decir que es el scroll pane el que falla? si no le aplicas el scroll pane sale correctamente con las barras normales del navegador?

[wolfmoon]

Gracias leif por contestar...

Tu respuesta me hizo pensar, resulta que parece que la culpa de todo la tiene el estilo css....

Veamos, tengo tres capas:

#blog: donde carga el php, dentro de esta
#blog_left: la capa que hace scroll y dentro de esta
.post: que seria cada nuevo registro del blog....

El tema es que para que me funcione correctamente tengo que especificar en la capa .post una altura fija o por lo menos una altura minima, lo que no tengo ni idea es el porque, pero parece que asi funciona correctamente.

[wolfmoon]

Bueno, pues parece que indicando una altura minima tampoco va, porque en el momento en que uno supera dicha altura se vuelve a descontrolar el scroll...

La unica solucion que veo es que cada registro tenga la misma altura.... es decir, una altura fija, pero claro, esto seria inviable en el momento que los usuarios dejaran comentarios......

Alguna otra idea?