jquery - カスタム div ドロップダウンでキーボード ナビゲーションが発生すると、垂直スクロール バーが移動する

Question

キーボード ナビゲーション (上、下、Enter キー) を使用して、カスタム ドロップダウン (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/uvot/15/edit