tr标签后的固定psudo元素

Question

在下面的小提琴中，非固定tr标签中的额外td元素在滚动期间可见。 额外的td就像是一个删除按钮，应该在滚动期间隐藏在固定的tr标签下面。是否可以隐藏只使用纯CSS？ 像这样

.fixedTr td:last:after{ 
    ...something 
} 

Fiddle Link

Answer 1

替补：

$('.firstTr > td').css('top', _top); 

与

$('.firstTr > td').css('top', _top-2); 

Answer 2

你为什么增加额外td，只是删除从每一个tr额外<td>Something</td>除了firstTr

或者这css可以提供帮助。

tr > td:last-child{ 
display:none; 

} 
tr.firstTr > td:last-child{ 
    display:table-cell; 
} 

编辑

使用此上滚动

$('table').scroll(function() { 
    var _left = $(this).scrollLeft(); 
    var _top = $(this).scrollTop(); 
    $('.firstTd').css('left', _left); 
    $('.firstTr > th').css('top', _top); 

    if($(this).scrollTop() > 20){ 
    $('tr > td:last-child').hide(); 
    } 
    else $('tr > td:last-child').show(); 
}); 

Fiddle