0

我有一个垂直滑块效果很好,除非它需要滚动多次。

查看滑块

这是代码

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

我希望能够使滑块向下滚动不止一次。

有任何想法吗?

干杯尼克

4

1 回答 1

1

我不确定我是否理解您的问题,但通常您会希望上下移动 UL,直到它到达列表的末尾。当您有一个固定高度的容器时,这很容易做到。只需在下一个按钮的动画中减去 510 像素,而不是将其设置为 -510 像素。之后,使用您的 totalheight 和 containerheight 变量来确定何时禁用按钮(我建议使用 if/else)语句而不是添加和删除类)。

于 2010-07-21T19:19:31.200 回答