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，只需从<td>Something</td>除tr

之外的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();
});

修改

滚动
时使用此功能
{{1}}

Fiddle

修复了tr标签后的psudo元素

2 个答案: