Javascript 我如何创建一个函数来检测我的可滚动tbody何时溢出？

我*创建了一个只向上滚动其

tbody

的可滚动表，但其余部分保持不变，这就是它应该的样子，然而，当

tbody

不够大时，我做了一个小把戏，使滚动条远离

tbody

，因为它会混乱如何创建一个函数来检测它（行

td

）何时溢出表格大小（假设其高度为100%），以便更改表格的设置

例：

*事实上，我们社区和我，谢谢你们！长命百岁

如果行数超过表格的

高度

就可以了：

但如果不是…

th，td{
话-
打破：打破所有；
}
html{
宽度：100%；
身高：100%；
溢出：隐藏；
}
身体{
背景：#FFF；
颜色：#000；字体：普通12像素Verdana，日内瓦，Arial，Helvetica，无衬线；边距：10px；填充：0；}
表，td，a{颜色：#000；
字体：普通12像素Verdana，日内瓦，Arial，Helvetica，无衬线
}
h1{
字体：普通18px Verdana，
日内瓦
Arial，
赫尔维蒂卡，
无衬线；
边距：0 5px 0
}
桌子容器{
明确：两者皆有；
边框：1px实心#963；右侧填充：1px；高度：285px；溢出：自动；宽度：100%；}
html>body div.tableContainer{溢出：隐藏；宽度：100%；高度：83%；}
div.tableContainer表{float:左；宽度：100%；高度：100%；}
html>body div.tableContainer表{
宽度：计算（100%-16px）；
身高：100%；
}
thead.fixedHeader tr{
职位：相对
}
html>body thead.fixedHeader tr{
显示：块
}
thead.fixedHeader th{
背景：C96；
边框-左：1px实心#EB8；
右边框：1px实心#B74；
边框-顶部：1px实心#EB8；
字体重量：正常；
填充物：4px 3px；
文本对齐：左对齐；
}
thead.fixedHeader a，thead.fixedHeader a:链接，thead.fixedHeader a:已访问{
颜色：#FFF；
显示：块；
文字装饰：无；
宽度：100%；
}
thead.fixedHeader a:悬停{
颜色：#FFF；
显示：块；
文字装饰：下划线；
宽度：100%；
}
html>body tbody.scrollContent{
显示：块；
溢出：自动；
宽度：100%；
身高：100%；
}
/*让TD元素变得漂亮。为表格的条带化提供交替课程*/
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td，tbody.scrollContent tr.normalRow td{
背景：#FFF；
边框-底部：无；
左边框：无；
右边框：1px实心#CCC；
边框-顶部：1px实心#DDD；
填充：2件3件3件4件
}
tbody.scrollContent tr.alternateRow td{
背景：#EEE；
边框-底部：无；
左边框：无；
右边框：1px实心#CCC；
边框-顶部：1px实心#DDD；
填充：2件3件3件4件
}
.scrollTable、.scrollContent{
溢出：可见；
}
html>body tbody.scrollContent{
宽度：计算（100%+17px）；
}

th，
运输署{
单词break：打破一切；
}
html{
宽度：100%；
身高：100%；
溢出：隐藏；
}
身体{
背景：#FFF；
颜色：#000；
字体：普通12像素Verdana，日内瓦，Arial，Helvetica，无衬线；
利润率：10px；
填充：0；
}
桌子
运输署，
a{
颜色：#000；
字体：普通12像素Verdana，日内瓦，Arial，Helvetica，无衬线
}
h1{
字体：普通18px Verdana，日内瓦，Arial，Helvetica，无衬线；
边距：0 5px 0
}
桌子容器{
明确：两者皆有；
边框：1px实心#963；
右侧填充：1px；
高度：285px；
溢出：自动；
宽度：100%；
}
html>body div.tableContainer{
溢出：隐藏；
宽度：100%；
身高：83%；
}
div.table容器表{
浮动：左；
宽度：100%；
身高：100%；
}
html>body div.tableContainer表{
宽度：计算（100%-16px）；
高度：300px；
}
thead.fixedHeader tr{
职位：相对
}
html>body thead.fixedHeader tr{
显示：块
}
thead.fixedHeader th{
背景：C96；
左边框：1px实心#EB8；
右边框：1px实心#B74；
边框顶部：1px实心#EB8；
字体大小：正常；
填充物：4px 3px；
文本对齐：左对齐；
}
thead.fixedHeader a，
thead.fixedHeader a:链接，
thead.fixedHeader a:已访问{
颜色：#FFF；
显示：块；
文字装饰：无；
宽度：100%；
}
thead.fixedHeader a:悬停{
颜色：#FFF；
显示：块；
文字装饰：下划线；
宽度：100%；
}
html>body tbody.scrollContent{
显示：块；
溢出：自动；
宽度：100%；
身高：100%；
}
/*让TD元素变得漂亮。为表格的条带化提供交替课程*/
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scroll内容td，
tbody.scrollContent tr.normalRow td{
背景：#FFF；
边框底部：无；
左边界：无；
右边框：1px实心#CCC；
边框顶部：1px实心#DDD；
填充：2件3件3件4件
}
tbody.scrollContent tr.alternateRow td{
背景：#EEE；
边框底部：无；
左边界：无；
右边框：1px实心#CCC；
边框顶部：1px实心#DDD；
填充：2件3件3件4件
}
.滚动表，
.滚动内容{
溢出：可见；
}
html>body tbody.scrollContent{
宽度：计算（100%+17px）；
}

纯CSS可滚动表，带有固定标题
纯CSS可滚动表，带有固定标题
123
123
123
123
123
123
123
更多单元格内容1
更多单元内容2
更多单元格内容3
单元格内容2
单元格内容3
单元格内容2
单元格内容3

我不确定我是否完全理解你的问题，但听起来你需要在桌子上设置一个最小高度

function detector(){
  if(table.overflow-y:is_on){
    //bla
  }
} 

var tbody = $('.scrollContent'),
    theader = $('.fixedHeader'),
    table = $('#Stable');

console.log(tbody[0].scrollHeight);
console.log(theader.height());
console.log(table.height());

if(table.height() - theader.height() < tbody[0].scrollHeight){
  console.log('Overflowed height of table');
} else {
  console.log('Did not overflow.');
}