Jquery 如何使表格滚动到某个位置?

Jquery 如何使表格滚动到某个位置?,jquery,scroll,onclick,Jquery,Scroll,Onclick,在pageload上,我的表格正在滚动到“01 Apr”的位置。这很有效。当我现在手动滚动到另一个位置时,通过点击按钮“转到->01 Apr”,应该会滚动回“01 Apr”。但这是行不通的 jQuery(文档).ready(函数(){ jQuery(“.main table”).clone(true).appendTo(“#table scroll”).addClass('clone'); }); $('.table wrap').scrollLeft($('[data date=“2018-

在pageload上,我的表格正在滚动到“01 Apr”的位置。这很有效。当我现在手动滚动到另一个位置时,通过点击按钮“转到->01 Apr”,应该会滚动回“01 Apr”。但这是行不通的

jQuery(文档).ready(函数(){
jQuery(“.main table”).clone(true).appendTo(“#table scroll”).addClass('clone');
});
$('.table wrap').scrollLeft($('[data date=“2018-04-01”]').offset().left-82);
$(“.today”)。单击(函数(){
$('.table wrap').scrollLeft($('[data date=“2018-04-01”]').offset().left-82);
});
。表格滚动{
位置:相对位置;
保证金:自动;
溢出:隐藏;
}
.桌套{
宽度:100%;
溢出:自动;
}
.表格滚动表格{
宽度:100%;
保证金:自动;
边界塌陷:分离;
边界间距:0;
}
.th表格,
.表格滚动td{
填充物:5px10px;
空白:nowrap;
垂直对齐:顶部;
}
.克隆{
位置:绝对位置;
排名:0;
左:0;
指针事件:无;
}
.克隆th,
.克隆td{
可见性:隐藏
}
.克隆td,
.克隆th{
边框颜色:透明
}
.克隆体{
能见度:可见;
}
.克隆.固定端{
能见度:可见;
背景色:#fff;
字体大小:正常;
边界:无;
右边框:2px实心#F4;
}
.克隆thead,
.clone-tfoot{
背景:透明;
}
.甘特-h{
字体大小:正常;
颜色:#B0;
右边框:2px实心#F4;
}
.最后{
右边框:2px实心#F4;
}
甘特博士{
右边框:2px实心#F4;
}
.今天{
背景颜色:粉红色;
宽度:100px;
光标:指针
}

转到->4月1日
任务
3月30日
3月31日
4月1日
4月2日
4月3日
4月4日
4月5日
4月6日
4月7日
4月8日
4月9日
4月10日
4月11日
4月12日
4月13日
4月14日
4月15日
项目1
蓝色
绿色
黄色的
粉红色
橙色
获取
offset()。左
单击()之外
函数:

jQuery(文档).ready(函数(){
jQuery(“.main table”).clone(true).appendTo(“#table scroll”).addClass('clone');
});
var left=$('[data date=“2018-04-01”]')。offset()。left;
$('.table wrap').scrollLeft(左-82);
$(“.today”)。单击(函数(){
$('.table wrap').scrollLeft(左-82);
});
。表格滚动{
位置:相对位置;
保证金:自动;
溢出:隐藏;
}
.桌套{
宽度:100%;
溢出:自动;
}
.表格滚动表格{
宽度:100%;
保证金:自动;
边界塌陷:分离;
边界间距:0;
}
.th表格,
.表格滚动td{
填充物:5px10px;
空白:nowrap;
垂直对齐:顶部;
}
.克隆{
位置:绝对位置;
排名:0;
左:0;
指针事件:无;
}
.克隆th,
.克隆td{
可见性:隐藏
}
.克隆td,
.克隆th{
边框颜色:透明
}
.克隆体{
能见度:可见;
}
.克隆.固定端{
能见度:可见;
背景色:#fff;
字体大小:正常;
边界:无;
右边框:2px实心#F4;
}
.克隆thead,
.clone-tfoot{
背景:透明;
}
.甘特-h{
字体大小:正常;
颜色:#B0;
右边框:2px实心#F4;
}
.最后{
右边框:2px实心#F4;
}
甘特博士{
右边框:2px实心#F4;
}
.今天{
背景颜色:粉红色;
宽度:100px;
光标:指针
}

转到->4月1日
任务
3月30日
3月31日
4月1日
4月2日
4月3日
4月4日
4月5日
4月6日
4月7日
4月8日
4月9日
4月10日
4月11日
4月12日
4月13日
4月14日
4月15日
项目1
蓝色
绿色
黄色的