移动垂直滚动条作为键盘导航发生在自定义div下拉列表中

Question

我使用键盘导航（向上，向下和输入键）浏览自定义下拉列表中的选项（使用div模拟）。我希望滚动条移动并调整以正确显示选项，因为我使用键盘导航。如果有人能够提供他们的见解，那将会有所帮助。

此处出现的代码---＆gt; 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)
}

小提琴：http://jsbin.com/uvotat/15/edit