Table 使用键盘导航时不滚动

Table doesn't scroll when using keyboard navigation

我创建了一个可滚动的 Angular table 并在按下向上和向下键时实现了内容导航,以便让用户轻松浏览结果,即使行选中内部内容区域,结果不滚动。

如何在上下移动时滚动内部容器,我创建了示例 plunker 来演示错误。

样本plunker

如果您想继续使用 angular,我建议您使用锚点并将它们滚动到视图中。您可以使用锚 here.

的解决方案找到类似的问题

如果您可以选择使用 jQuery,您只需 select 您要滚动到的行(例如使用其 class 名称),然后调用scrollTop() 函数在 table 上滚动到行的位置。这是 an example using jquery. For reference you could take a look at this or this Whosebug 问题。