防止列表框滚动到被选择的项目（使用jquery）

Question

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

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

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

jsfiddle 示例在这里： 示例

编辑：单击示例中的项目编号 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); 
} );