Discussion :

[erehcab]

Bonjour à tous,

je gère un infinity scroll de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
$(window).scroll(function(){
	if  ($(window).scrollTop() == $(document).height() - $(window).height()){
		nextPage++;
		if (nbPage>=nextPage) reloadContent( '&p='+nextPage, 1);
		return false;
	}
});

mais malheureusement j'ai un bug : lorsque je scroll rapidement il me fait passer direct deux page voir trois ... etc . La solution serait donc de bloquer le scroll le temps que la fonction qui appelle du php via jquery ajax s'exécute et affiche tout le code mais je ne trouve pas de solution pour faire cela.

[Mohamed_DEV]

Bonjour,

tu peux ajouter une variable "loading" que tu vas lui donner une valeur "true" à chaque appel de la fonction "scroll" et tu la remet à "false" lorsque t'auras une réponse de la requête ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$(window).scroll(function(){
  if(!loading)// on appelle la fonction seulement s'il y'a pas une requete ajax en attente de reponse
  { 
       loading = true;
 
	if  ($(window).scrollTop() == $(document).height() - $(window).height()){
		nextPage++;
		if (nbPage>=nextPage) reloadContent( '&p='+nextPage, 1);
		return false;
	}
  }
});

[erehcab]

Bonjour,
j'ai essayé cette méthode mais ça n'a pas fonctionné. Peut être que je ne lui donnait pas la valeur true au bonne endroit et du coup avant que les données soient chargé la valeur était à déjà a true et donc le bug du scroll...
Y a t'il avec la méthode Jquery Ajax un callback qui informe avec certitude de la fin de l'exécution du script ?

[Mohamed_DEV]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
$.ajax({
  url: 'page.php',
  ..........
  ,success: function(){
    loading = false;
  }
});

[erehcab]

dans Success ça ne fonctionnait pas mais du coup je suis allé jeter un oeil à la doc et avec le callback done ça passe nickel !

Merci !