Перемещение вертикальной полосы прокрутки, а клавиши навигации происходит в пользовательский выпадающий див

Я перемещаюсь по параметрам в пользовательском выпадающем списке (имитируемом с помощью div), используя клавиатурную навигацию(клавиши up, down и enter). Я хочу, чтобы полоса прокрутки перемещалась и регулировалась, чтобы правильно отображать параметр, когда я перемещаюсь с помощью клавиатуры. Если кто-то может дать свое понимание, это будет полезно.

Код, присутствующий здесь - - - > http://jsbin.com/uvotat/13/edit

Спасибо

1 2
html jquery scroll keyboard-events

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

0