2012-01-30 59 views
0

我目前正在编写一个水平滚动网站,我是jQuery的初学者。jQuery水平滚动链接

我使用这个插件:

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

下面的代码是我的按钮,进入右,或下,通过div的我已经下的阶级“.container”成立的阵列。他们都是兄弟姐妹,在流程中彼此相邻。

我发现这个代码,经过一番艰苦搜索,发现它在计算器另一篇文章,和它的作品完美的罚款通过我的div,一次一个未来去。

我唯一的问题是复制一个类似的代码,通过我的数组倒退。我已经从旁边按下来访问div的div。我想要一个上一个按钮!

$('#arrowRight').click(function() { 
    scrollLeft = $(window).scrollLeft(); 
    $(".container").each(function(i, con) { 
     conLeft = $(con).offset().left; 
     if (scrollLeft < conLeft) { 
      $.scrollTo(con, 800); 
      return false; 
     } 
    }); 
}); 

有人能帮助我吗?

回答

0

哈克的方式,反向阵列和做相反的比较,例如:

$('#arrowLeft').click(function() { 
    scrollLeft = $(window).scrollLeft(); 
    $(".container").reverse().each(function(i, con) { 
     conLeft = $(con).offset().left; 
     if (scrollLeft > conLeft) { 
      $.scrollTo(con, 800); 
      return false; 
     } 
    }); 
}); 

可能会更好存储其中的div是目前看来,然后导航到位置[+ - ] 1根据方向你想去。

+0

嗨,感谢您的回复,不幸的是这不适合我,但感谢您的意见。 :) – 2012-01-30 06:54:56