自动滚动选定的元素LI处于活动状态

Question

我有一个可用作搜索引擎的输入，当digit显示带有匹配列表的ul dynamic时，它可以工作。 enter image description here 生成列表后，将选择列表中的第一项（作为图像），并且必须使用箭头键（上和下）选择具有以下代码的项之一：

var h = 0;
$("#txtDepProv").keyup(function (e) {
       if (e.keyCode == 38) {                 
        h--;
        if (h >= $("li").length) {
            h = -1;
            return;
        }
        $("#listResultadoDepProv>li").removeClass("itemliactive");
        $("#listResultadoDepProv>li").eq(h).addClass("itemliactive");                
        return;
    };
    if (e.keyCode == 40) {                                    
        h++;
        if (h > $("li").length) {//                    
            console.log($("li").length);
            h = 1;                    
            return;
            }
        $("#listResultadoDepProv>li").removeClass("itemliactive");
        $("#listResultadoDepProv>li").eq(h).addClass("itemliactive")                          
        return;
    };            
    h=0;}

我仍然无法实现的是，当您向上或向下滚动时，滚动条也可以做到这一点，也就是说，滚动条必须跟随所选项目。