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