jquery - 在自定义 div 下拉菜单中发生键盘导航时移动垂直滚动条

Question

我正在使用键盘导航(向上、向下和回车键)在自定义下拉菜单(使用 div 模拟)中浏览选项。我希望滚动条在我使用键盘导航时移动和调整以正确显示选项。如果任何人都可以提供他们的见解，那将会很有帮助。

此处显示代码 ---> http://jsbin.com/uvotat/13/edit

谢谢

Answer 1

尝试在函数 change_selection 的末尾添加它:

if( $('.selected').position().top + $('.results').height() >= $('.results').scrollTop()+$('.results').height()){
    $('.results').scrollTop($('.selected').position().top - $('.results').height() + $('.results').scrollTop())
}else if($('.selected').position().top <= $('.results').scrollTop()){
        $('.results').scrollTop(0 + $('.selected').position().top)
}

fiddle :http://jsbin.com/uvotat/15/edit