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

时间:2019-06-17 15:32:05

标签: javascript jquery html css

我有一个可用作搜索引擎的输入,当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;}

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

0 个答案:

没有答案