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)
}

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