jquery向左和向右滑动大表

Question

我必须在网页上显示一个包含许多列的表格。这些列基本上是一周中的几天，因此一次只需要显示7列(总共四周)。

我已经设置了一个窗口，将溢出设置为隐藏，它显示前七天，并设法让表格向左滚动七天，但是表格不会再滚动到这一步。如果我向后滚动，那么表格向后滚动太远，表格就会完全消失在右边。

我是jQuery的新手，我意识到我应该使用position()或offset()函数。我确信这是一段简单的代码，尽管我几个小时的谷歌搜索没有找到任何关于这个问题的内容。

有没有人知道有什么好的教程可以帮我入门？谢谢

它只是一个500px的容器div，并将overflow设置为隐藏，继续使用一个2000px的单独div。当用户单击“上一步”或“下一步”按钮时，内部div将根据位置的不同而上下滚动500px。

Answer 1

试试这个：

$('.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/