scrollLeft関数が最初のクリックでのみ機能するのはなぜですか？私は前方のボタンをクリックしたときに

Question

私は毎回のdivをスクロールするscrollLeft機能が欲しい

コード：

$("#nextbutton").click(
    function() 
    { 
    $("#thumbholder").scrollLeft(300); 
}); 

Thumbholderは私がスクロールして隠されたアイテムを表示したい、画像とそのoverflow:hiddenを保持しています左。

#thumbholder 
{ 
height:30%; 
width:90%; 
overflow: hidden; 
white-space:nowrap; 
margin:2% auto; 
} 

誰がどのようにそれぞれのscrollLeft機能は「#nextbutton」をクリックして繰り返すように、だけでなく、初めての私はそれをクリックして教えてもらえますか？

Answer 1

問題は、scrollLeftが相対スクロールバーの位置をとるという問題です。

the docs for scrollLeftを参照してください。

http://jsfiddle.net/RjWKp/

$("#leftButton").click(
    function() { 
     var thumbHolder = $("#thumbholder"); 
     thumbHolder.scrollLeft(thumbHolder.scrollLeft() - 300); 
    } 
); 

Answer 2

$("#thumbholder")[0].scrollBy(-10, 0);を使用します。最初のパラメータは水平方向にスクロールするピクセル数です（負の値は左にスクロールし、正の値は右にスクロールします）。2番目のパラメータは垂直方向にスクロールするピクセル数です。上記の呼び出しで'10 'を必要に応じて変更することができます