在自定义div下拉列表中的键盘导航上移动垂直滚动条

Question

我使用键盘导航（向上，向下和输入键）浏览下拉列表中的选项（使用div模拟）。我希望滚动条移动并调整以正确显示选项，因为我使用键盘导航。

如果有人能够提供他们的见解，那将会很有帮助，非常感谢。

我必须使用纯Javascript，不能使用Jquery。

Answer 1

我面临同样的问题。但是我已经修复了关键选择问题。使用以下公式

element.find('SCROLLABLE_COMPONENT_SELECTOR').scrollTop((angular.element('SELECTED_OPTION_SELECTOR').index() * angular.element('SELECTED_OPTION_SELECTOR').outerHeight(true)) - angular.element('SCROLLABLE_COMPOENENT_SELECTOR').height() + 40);

上面的代码，将会像...一样滚动，直到你的下拉列表底部。一旦到达下拉列表底部，选择固定在底部并移动滚动顶部。

对于下行，我正在研究这个问题。将发布更新，如果我设法修复它。

谢谢， 杰