Comment ScrollTo suivant & suivant & prochain élément...

    <div class="wrap">
        <div class="layer">
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
        </div>
    </div>
<span class="next" style="cursor:pointer;"> (next div) </span>

avec jQuery ScrollTo Plugin (http://demos.flesler.com/jquery/scrollTo/)

$('.next').click(function() {
    $(".wrap").scrollTo( $('.post').next(), 800, {margin:true} );
});

Démo : http://jsfiddle.net/UaGjs/8/

Il ne marche pas 🙁
Il travail seul la 1ère fois

Parce que vous avez toujours ré-obtenir un handle vers les éléments du DOM avec $('.post'), plutôt que de ré-utilisation de l'objet et de l'appel de .next() sur elle de manière itérative.
Comment puis-je résoudre ce problème ? Plsss

OriginalL'auteur l2aelba | 2011-05-04

  1. 8

    De travail sur Tomalak la réponse dont vous avez besoin pour mettre à jour la référence obj points à l'élément suivant

    http://jsfiddle.net/UaGjs/7/

    var next;
$('.next').click(function() {
   if ( next === undefined ) {
     next = $('.post').next();
   } else {
      next = next.next();   
   }
   $(".wrap").scrollTo(next , 800, {margin:true} );
});

    J'ai mis à jour avec Prev mais il peut être amélioré pour supprimer la duplication

    http://jsfiddle.net/UaGjs/10/

    J'ai remarqué qu'il y est un occompanying plugin appelé Série De Défilement

    Montage Final

    http://jsfiddle.net/nickywaites/UaGjs/13/

    Bien bien Prev devra être le précédent de la prochaine et non pas le point de départ... donc vous aurez besoin de vérifier si la prochaine est undefined. Je pense que nous pourrions être en mesure de ranger ça un peu.
    Je viens de le dire, il y a beaucoup de code dupliqué. Malheureusement, la pause déjeuner est par ici 🙂 j'ai mis à jour ma réponse pour vous montrer ce que je veux dire.
    J'ai inclus une autre édition avec un peu plus ordonné code.
    Ouais je pense que c'est un dimensionnement problème avec le css. Je ne suis pas vraiment sûr de savoir comment résoudre ce problème. Peut-être jouer avec les largeurs.
    Eh bien c'est bon 🙂 content d'avoir pu aider

    OriginalL'auteur Nicky Waites

  2. 1

    Parce que vous avez toujours ré-obtenir un handle vers les éléments du DOM avec $('.post'), plutôt que de ré-utilisation de l'objet et de l'appel de .next() sur elle de manière itérative.

    Essayez les solutions suivantes. Il est non testé et bruts/prêts, mais doit démontrer la façon dont vous pouvez obtenir autour de la détermination de la portée d'émission.

    $(function() {
    var $obj = $('post');
    $('.next').click(function() {
        $('.wrap').scrollTo($obj.next(), 800, { margin:true });
    });
});
    Dosent de travail 🙁 mais merci
    C'est un point de départ. Un effort est nécessaire pour les couler dans une solution complète qui fonctionne pour vous.

    OriginalL'auteur Lightness Races in Orbit

  3. 1

    Parce que vous avez toujours ré-obtenir un handle vers les éléments du DOM avec $('.post'), plutôt que de ré-utilisation de l'objet et de l'appel de .next() sur elle de manière itérative.

    Essayez les solutions suivantes. Il est non testé et bruts/prêts, mais doit démontrer la façon dont vous pouvez obtenir autour de la détermination de la portée d'émission.

    ajouter cette $(function() { var $obj = $('post'); $('.next").cliquez sur(function() { $('.wrap').scrollTo($obj.next(), 800, { margin:true }); }); });

    OriginalL'auteur Mayank Jindal

  4. 0

    Je n'ai pas eu beaucoup de chance de travailler avec next(). Ce que j'ai fait a été de charger tous mes éléments de la même classe dans un tableau:

     myArray = $('.post');

    Ensuite initialiser un indice:

     index = 1;

    Alors parcourir le tableau:

    $('.next').click(function() {
 $(".wrap").scrollTo( myArray[index], 800, {margin:true} );
 index++;
});

    Espère que c'est utile!

    OriginalL'auteur LauraNMS