javascript - 在自定义 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);

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

对于downkey，我正在研究这个。如果我设法修复它，将向您发布更新。

谢谢，杰