Jquery 保持表格和第1行和第1列固定滚动水平滚动条在IE中闪烁的问题

我在CSS和jQuery中遇到了一个问题。我已经在html中创建了一个表，使表thead第一行和tbody第一列保持固定，剩余的表单元格应该水平滚动。在IE tbody第一列中滚动时，表格的滚动条开始闪烁，但在Chrome中正常工作。请帮帮我

$（文档）.ready（函数（）{
变量isIE11=！！navigator.userAgent.match（/Trident.*rv \：11\。/）；
自定义滚动条；
如果（isIE11）
customScroller=函数（）{
$（'thead th'）.css（“left”，-$（'tbody”）.scrollLeft（）；//如果使用IE11，请修复th元素
};
其他的
customScroller=函数（）{
$（'thead'）.css（“left”，-$（'tbody”）.scrollLeft（）；//如果不使用IE11，请修复thead元素
};
$（'tbody'）.scroll（函数（e）{//检测tbody上的滚动事件
/*
将thead left值设置为tbody.scrollLeft的负值将使其跟踪移动
将elements left值设置为tbody.scrollLeft的值将使其保持在表左侧的相对位置。
*/
customScroller（）；//修复与正文滚动相关的thead
$（'thead th:nth child（1）'）.css（“left”，$（'tbody”）.scrollLeft（）；
//修复标题的第一个单元格
$（'tbody td:nth child（1）'）.css（“left”，$（'tbody”）.scrollLeft（）；//修复tdbody的第一列
});
});
表格{
位置：相对位置；
溢出：隐藏；
边界塌陷：塌陷；
}
/*泰德*/
位置：相对位置；
显示：块/*将收割台与车斗分离，使其能够定位*/
溢出：可见；
}
thead th
{
最小宽度：159px；
高度：32px；
单词包装：打断单词；
垂直对齐：顶部！重要；
}
thead th:n个子（1）{/*头中的第一个单元格*/
位置：相对位置；
display:block；/*将标题中的第一个单元格与标题分开*/
}
/*t车身*/
t车身{
位置：相对位置；
显示：block；/*将tbody与页眉分开*/
溢出：滚动；
}
tbody td
{
最小宽度：159px；
单词包装：打断单词；
}
tbody tr td:n个子（1）{/*每个tr中的第一个单元格*/
位置：相对位置；
display:block；/*将第一列与tbody分开*/
高度：44px；
背景：#f0！重要；
右边框：1px纯色灰色；
边框底部：1px纯色灰色；
}

标题1
标题2
标题3
标题4
标题5
标题6
标题7
标题8
标题9
标题10
标题11
标题12
标题13
标题14
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量
细胞含量