$ (“Html”). Animate ({scrollTop: $ (document) .height ()}, “slow”); si c’est au bas ne faites pas défiler

J’ai trois boutons qui ont caché divs, quand je clique sur l’un je veux que le contenu défile vers le bas, puis quand je clique sur un autre, je veux que la page rest où elle est mais charge le nouveau contenu

J’ai essayé des variables et si des déclarations

var i=0; $('#link-slide13').click(function(){ if (i==0){//nothing's been scrolled $("html").animate({ scrollTop: $(document).height() }, "slow"); i=1; }else{ //don't do anything } }); 

Des idées? Merci pour les réponses!

Edit: Désolé, je ne pense pas que je me suis expliqué, http://ephemurl.com/4w/5ws ici, c’est ce que j’ai à la minute, les 6 dernières sections s’affichent pour défiler au bas du document, mais je veux que cela ne se produise qu’une seule fois et ensuite, pour les 5 prochains clics, ne vous animez pas car vous y êtes déjà …

utilisez simplement $ (body) au lieu de $ (html)

démo http://jsfiddle.net/APebY/

 $(function(){ var i=0; $('#link-slide13').click(function(){ if (i==0){//nothing's been scrolled $("body").animate({ scrollTop: $(document).height() }, "slow"); i=1; }else{ //don't do anything } }); }); 

Vous pouvez également utiliser unbind dans le déclencheur d’événement pour qu’il ne soit exécuté qu’une seule fois.

 $('#link-slide13').click(function(){ $("body").animate({ scrollTop: $(document).height() }, "slow"); $(this).unbind("click"); }); 

Je ne sais pas ce que vous essayez exactement de faire, je suppose que cela devrait vous aider,

 $('#link-slide13').toggle(function(){ $("html").animate({ scrollTop: $(document).height() }, "slow"); },function(){ //don't do anything }) 

Bonne chance

Nous ne pouvons pas regarder votre code HTML, mais je pense que vous n’avez appliqué la fonction qu’à un bouton avec id = “link-slide13”. Si cela doit fonctionner dans les trois boutons, changez votre sélecteur JQuery. (en ajoutant une classe à tous les boutons, vous pouvez sélectionner tout facilement avec $ (“. NomClasse”)).

Alors, qu’est-ce qu’un bouton? un lien une entrée? Si le bouton est un lien

  

vous pouvez append une phrase “return false” à la fin de la fonction. Cela empêche que le lien fonctionne par défaut et que le navegator se place en haut du document.

Mais vraiment … quel est le problème?