使用键盘导航时表格不滚动

Question

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

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

示例plunker

Answer 1

如果你想保持角度，我建议使用锚点并将它们滚动到视图中。您可以通过使用锚点here 的解决方案找到类似的问题。

---

如果您可以选择使用 jQuery，您只需选择要滚动到的行（例如使用其类名），然后调用表格上的 scrollTop() 函数将其滚动到行。这里是an example using jquery。作为参考，您可以查看this 或this stackoverflow 问题。