当用户使用箭头键时,我试图使我的表行处于选中状态。
如您所见,这工作得很好:



如您所见,表格位于div中

overflow:auto.


我的问题是:当用户到达div限制以下的行时,我想使滚动条跟随所选的行。

这是小提琴:

https://jsfiddle.net/alinedanawara/4spzwvh6/1/

最佳答案

您可以尝试在突出显示功能中添加scrollTop,以根据tableIndex变量和行的高度将突出显示的项目尽可能长时间地保持在列表顶部:

$('#areaItens').animate({
    scrollTop: $('#data tbody tr:eq('+tableIndex+')').height() * tableIndex
}, 0);


这将确保容器显示突出显示的项目。您可以播放演示here

07-23 00:22