Infinite scroll - HTML/CSS - Programmation
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.
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!