当用户使用箭头键时,我试图使我的表行处于选中状态。
如您所见,这工作得很好:
如您所见,表格位于div中
overflow:auto.
我的问题是:当用户到达div限制以下的行时,我想使滚动条跟随所选的行。
这是小提琴:
https://jsfiddle.net/alinedanawara/4spzwvh6/1/
最佳答案
您可以尝试在突出显示功能中添加scrollTop
,以根据tableIndex变量和行的高度将突出显示的项目尽可能长时间地保持在列表顶部:
$('#areaItens').animate({
scrollTop: $('#data tbody tr:eq('+tableIndex+')').height() * tableIndex
}, 0);
这将确保容器显示突出显示的项目。您可以播放演示here。