javascript - Jquery Multiselect 不会滚动到选定的选项

Question

我在这里使用 JQuery Multiselect 插件:http://www.erichynds.com/blog/jquery-ui-multiselect-widget

When the list of options is long a scroll appears, but it doesn't scroll automatically to the selected option.也就是说，在选择第50个选项后，如果我想选择第51个选项，我必须重新一直向下搜索。

你知道如何解决这个问题吗？我尝试使用 scrolltTop 但没有成功。

代码真的很简单...

$(function(){
   $("select").multiselect({multiple: false, selectedList: 1});
});

这是一个关于这个问题的 jsfiddle:http://jsfiddle.net/g5r92/1/

非常感谢。

Answer 1

看看这个，第一次尝试，它工作正常

http://jsfiddle.net/g5r92/7/

 $(function(){
   $("select").multiselect({multiple: false, selectedList: 1});
   $('.ui-multiselect').click(function(){

      $('.ui-multiselect-checkboxes').animate({
         scrollTop: $(".ui-multiselect-checkboxes .ui-state-active").offset().top
      }, 2000);
   });    

  });

你只需要让它满足你的需要，在偏移量上添加一些额外的像素，它就会在中间而不是最顶部滚动所选的选项