Слайдер вертикального списка Jquery не будет повторяться более одного раза - PullRequest
Новая
       21

Слайдер вертикального списка Jquery не будет повторяться более одного раза

0 голосов
/ 21 июля 2010

У меня есть вертикальный ползунок, который хорошо работает, за исключением случаев, когда необходимо прокрутить несколько раз.

просмотр слайдера

Это код 

$(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 );
        }   
    });
});

Я хочу, чтобы ползунок прокручивался вниз более одного раза.

Есть идеи?

Приветствие Nik

1 Ответ

1 голос
/ 21 июля 2010

Я не уверен, что понимаю ваш вопрос, но, как правило, вы хотите сдвигать UL вверх и вниз, пока он не достигнет конца списка.Это достаточно легко сделать, когда у вас есть контейнер с фиксированной высотой.Просто вычтите 510 пикселей в вашей анимации на следующей кнопке вместо того, чтобы установить ее на -510 пикселей.После этого используйте переменные totalheight и containerheight, чтобы выяснить, когда следует отключать операторы кнопок (я бы предложил использовать оператор if / else) вместо добавления и удаления классов).

...