jQuery水平スクロールリンク

Question

現在、私は水平スクロールウェブサイトをコーディングしています。私はjQueryの初心者です。

私はこのプラグインを使用しています：

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

次のコードは、私はクラス「.container」の下に設定したdiv要素の配列を、右、または次の行く私のボタン用です。彼らはすべて兄弟姉妹であり、流れの中で互いに隣り合っています。

ハード・サーチを行った後にこのコードを見つけ、stackoverflowの別のポストで見つけました。そして、一度に1つずつ、divの次に行くのに問題ありません。

私の唯一の問題は、配列を逆向きに移動するための同様のコードを複製することです。私はすでに次のページを押してから訪問しています。前のボタンが欲しい！

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

誰でも私を助けることができますか？

Answer 1

ハック方法、アレイを反転し、反対の比較を行い、例えば：

$('#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方向に応じあなたは行き​​たい。