jquery-ui selectmenu修復屏幕時，我滾動

Question

在我的網站上有一個面板（垂直滾動條）裏面的元素位於。

<div id = 'panel' style = 'width: 200px; height: 600px; overflow-y: scroll;'> 
    <select id = 'select-in-panel'></select> 
</div> 

jquery-ui menuselect連接到元素。

$('select-in-panel').selectmenu(); 

當我點擊一個項目並擴大一個大的下拉列表時，它會滾動主窗口，而不是面板。

jquery-ui selectmenu的下拉列表固定在屏幕上，當我滾動面板（div）的滑塊時不會移動，但當我在主窗口（主體）中滾動滑塊時， 。在我看來，jquery-ui selectmenu下拉列表的父母是主窗口，而不是面板。

如何解決？

---

而第二個問題：

是否可以在下拉列表框中的最大尺寸，以在該窗口中滾動，如果項目的列表很大。

現在整個列表顯示爲一個整體

Answer 1

您可以指定的菜單追加到哪個元素：

$('select-in-panel').selectmenu({ 
    appendTo: '#panel' 
}); 

您可以設置下拉框的高度，使之成爲可滾動當有溢出：

$('select-in-panel').selectmenu("menuWidget") 
    .addClass('overflow'); 

然後在你的CSS：

.overflow { height: 200px; } 

參考文檔的詳細信息和示例： http://api.jqueryui.com/selectmenu