Infinite scroll

Infinite scroll - HTML/CSS - Programmation

Marsh Posté le 12-07-2012 à 10:38:40    

Bonjour tout le monde,
 
Je vous contacte parce que depuis plusieurs jours je me démène pour réussir un effet d'"infinite scroll" sur mon site web, mais sans succès.
(l'infinite scroll, pour ceux qui ne voient pas ce que c'est : http://www.webresourcesdepot.com/dnspinger/).
 
Normalement, cela se réalise grâce à 2 fonctions JS, qui sont les suivantes:
 
function lastPostFunc()  
{
    $('div#lastPostsLoader').html('<img src="images/loading.gif">');
 
    $.post("scroll.asp?action=getLastPosts&lastID=" + $(".wrdLatest:last" ).attr("id" ),      
 
    function(data){
        alert(data);
        if (data != "" ) {
        $(".wrdLatest:last" ).after(data);            
        }
        $('div#lastPostsLoader').empty();
    });
};
 
$(window).scroll(function(){
        if  ($(window).scrollTop() == $(document).height() - $(window).height()){
           lastPostFunc();
        }
 
});
});
 
J'ai également adapté mes div en les écrivant de cette manière:
 
<div class="wrdLatest" id=9>
 
Pourtant rien à faire, l'infinite scroll ne se lance pas (la fonction n'est même pas utilisée en fait), je me tourne donc vers la communauté HFR pour m'aider à me sortir de cette situation qui s'éternise et qui commence à m'énerve doucement... :)
 
Merci d'avance!

Reply

Marsh Posté le 12-07-2012 à 10:38:40   

Reply

Marsh Posté le 12-07-2012 à 15:16:46    

En continuant à chercher, j'ai trouvé d'où venait mon problème de fonction, mais je n'arrive toujours pas à créer cet effet de scroll infini, ma fonction ne se lançant que lorsque le dernier div est atteint.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed