0

Web ページに多数の列を含むテーブルを表示する必要があります。列は基本的に曜日であるため、一度に表示する必要がある列は 7 つだけです (合計 4 週間のうち)。

最初の 7 日間を表示するオーバーフローが非表示に設定されたウィンドウを設定し、テーブルを 7 日間左にスクロールすることができましたが、テーブルはそれ以上スクロールしません。スクロールバックすると、テーブルがスクロールバックしすぎて、テーブルが右側に完全に消えます。

私はjQueryを初めて使用し、おそらくposition()またはoffset()関数を使用する必要があることに気付きました。これは単純なコードだと確信していますが、私の何時間ものグーグル検索では、この問題をカバーするものは何も見つかりませんでした。

私が始めるためのまともなチュートリアルを知っている人はいますか? ありがとう

2000px の別の div を含む非表示に設定されたオーバーフローを持つ 500px のコンテナ div を持つだけです。ユーザーが前または次のボタンをクリックすると、内側の div が位置に応じてプラスまたはマイナス 500px スクロールします。

4

1 に答える 1

0

これを試して：

$('.next').click(function(event){
    if($('.table').css('left') != '-1500px') {
    $(this).prop('disabled', true)    
        $('.table').animate({left:'-=500px'}, 500, function() {
              $('.next').prop('disabled', false)    
        });
}
});


$('.prev').click(function(event){
    if($('.table').css('left') != '0px') {
    $(this).prop('disabled', true)   
        $('.table').animate({left:'+=500px'}, 500, function() {
              $('.prev').prop('disabled', false)    
        });
}
});

http://jsfiddle.net/ZSFFS/27/

于 2012-06-10T13:48:31.510 に答える