0

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

我已经设置了一个窗口,将溢出设置为隐藏,它显示前 7 天,并设法让表格向左滚动 7 天,但是表格不会再滚动到此。如果我向后滚动,则表格向后滚动太远,表格完全消失在右侧。

我对 jQuery 很陌生,并意识到我可能应该使用 position() 或 offset() 函数。我确信这是一段简单的代码,尽管我在谷歌上搜索的时间没有发现任何涵盖这个问题的东西。

有谁知道那里有什么像样的教程可以帮助我入门?谢谢

它只是有一个 500 像素的容器 div,溢出设置为隐藏,连续 2000 像素的单独 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 回答