jQuery在左右部分滑动大表

jquery slide large table in sections left and right

本文关键字：左右部 jQuery      更新时间：2023-09-26

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

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

我对jQuery很陌生，并意识到我应该使用position（）或offset（）函数。我确信这是一段简单的代码，尽管我几个小时的谷歌搜索没有发现任何问题。

有谁知道任何像样的教程可以让我入门？谢谢

它只是有一个 500px 的容器div，溢出设置为隐藏连续 2000px 的单独div。当用户单击上一个或下一个按钮时，内部div 将根据位置滚动正负 500px。

试试这个：

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

相关文章：