Запрет прокрутки списка к выбранному элементу (с помощью 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); 
} );