Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery将大表分为左右两部分滑动_Javascript_Jquery_Slider_Right To Left - Fatal编程技术网

Javascript jquery将大表分为左右两部分滑动

Javascript jquery将大表分为左右两部分滑动,javascript,jquery,slider,right-to-left,Javascript,Jquery,Slider,Right To Left,我必须在网页上显示一个包含许多列的表。这些列基本上是一周中的几天,因此一次只需显示7列(总共四周) 我已经设置了一个窗口,溢出设置为隐藏,显示前七天,并设法让表格向左滚动七天,但表格不会再滚动到这一天。如果我向后滚动,则表格向后滚动太远,表格完全消失在右侧 我对jQuery非常陌生,并且意识到我应该使用position()或offset()函数。我确信这是一段简单的代码,尽管我在谷歌上搜索了数小时,没有发现任何能解决这个问题的东西 有人知道有什么好的教程可以让我开始学习吗?谢谢 它只是有一个50

我必须在网页上显示一个包含许多列的表。这些列基本上是一周中的几天,因此一次只需显示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)    
        });
}
});

您能提供一份详细的报告吗?