javascript - 防止列表框滚动到被选择的项目(使用jquery)

Question

我有一个列表框，其中的项目可以与其他项目位于某种组中。 当选择一项时，将使用 jquery 选择该组中的所有项目。

列表框向下滚动到 jquery 正在选择的项目，这真的很烦人。我想停留在用户选择的项目的位置。

那么当选择项目时如何防止列表框向下滚动？

jsfiddle 示例如下:example

编辑:单击示例中的项目编号 10，他会转到 78，这就是问题所在。

Answer 1

你可以试试这个:

$('#lb').change(function() { 

    var x = $(this).scrollTop();

    $('#lb option:selected').each(function() { 
        var groupName = $(this).attr('group'); 
        if (groupName !== undefined) { 
            $('#lb option[group=' + groupName + ']').each(function() { 
                this.selected = true; 
            }); 
        }

    }); 

     $(this).scrollTop(x); 
} );