2012-01-30 162 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