Chrome瀏覽器選擇選項列表滾動分離

Question

我有jQuery代碼，滾動頁面的方式，所選控件在屏幕中間。

$(document).ready(function() { 
$('.select').click(function() { 
    $('html, body').animate({ 
     scrollTop: 100 
    }, 100); 
    return false; 
}); 
}); 

不幸的是Chrome瀏覽器（版本31.0.1650.63）導致，如果文檔後滾動選擇其中擴展選項列表中被分離。在FF（25/26）和IE 10/11中工作正常。 Fiddle demo

Answer 1

我能做的最好是這樣的：http://jsbin.com/ANiMacem/3/edit

添加此功能：

function openSelect(obj) { 

    var element = obj[0]; 
    if (document.createEvent) { // all browsers 
     var e = document.createEvent("MouseEvents"); 
     e.initMouseEvent("mousedown", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 
     element.dispatchEvent(e); 
    } else 
    if (element.fireEvent) { // ie 
     element.fireEvent("onmousedown"); 
    } 
} 

您的代碼更改爲：

$(".select").on('click',function() { 

      $('html, body').animate({ 
      scrollTop: 100 
     }, 100); 

     setTimeout(function(){ openSelect($(".select")); 
           openSelect($(".select")); //yes twice. 
          },100); 


     return false; 
    });