JQuery List Vertical Slider ne répétera pas plus d'une fois

Question

J'ai un curseur vertical qui fonctionne bien sauf quand il doit faire défiler plus d'une fois.

Vue curseur

Ceci est le code

$(document).ready(function() {
    var speed = 1050;
    var elementHeight = 106;
    var countElements = $('#portfolio-navigation ul li');
    var numberElements = countElements.length;
    var totalHeight = numberElements * elementHeight;
    var containerHeight = 742;

    var currentPlace = elementHeight * 7;
    var currentDifference = 0;
    $("#up").addClass("nogo"); 
    $("#down").click(function(event) {
        $("#down").addClass("nogo");
        $("#up").removeClass("nogo");
        event.preventDefault();
        if (currentPlace >= totalHeight) { 
        } else { // Ellers, continue!
        currentPlace += elementHeight;
        currentDifference += elementHeight; 
            $("#portfolio-navigation ul").animate({ top: "-510px"}, speed );
        }   
    });
    $("#up").click(function(event) {
         $("#down").removeClass("nogo");
         $("#up").addClass("nogo");
        event.preventDefault();

        if (currentPlace <= containerHeight) { 
        } else { // Ellers, continue!
        currentPlace -= elementHeight;
        currentDifference -= elementHeight; 
            $("#portfolio-navigation ul").animate({ top: 0 + "px"}, speed );
        }   
    });
});

Je veux pouvoir faire défiler le curseur plus d'une fois.

Des idées?

acclamations Nik

Answer 1

Je ne suis pas sûr de comprendre votre question, mais vous voudriez généralement déplacer l'UL de haut en bas jusqu'à ce qu'elle atteigne la fin de la liste.Ceci est assez facile à faire lorsque vous avez un conteneur à hauteur fixe.Il suffit de soustraire 510px dans votre animation sur le bouton Suivant au lieu de la définir à -510px.Après cela, utilisez vos variables TOTALHEEight et ContenerHeight pour déterminer quand désactiver les boutons (je suggérerais d'utiliser si / bienfait) des instructions au lieu d'ajouter et de supprimer des classes).