当我滚动时，jquery ui选择屏幕上的菜单修复

在我的网站上有一个面板（带有垂直滚动条），里面有元素

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

当我点击一个项目并展开一个大的下拉列表时，它会随着主窗口而不是面板滚动

jquery ui selectmenu的下拉列表固定在屏幕上，当我滚动面板（div）的滑块时，它不会移动，但当我在主窗口（body）中滚动滑块时，它会移动。在我看来，jQueryUISelectMenu下拉列表的父窗口是主窗口，而不是面板

如何修复它？

---

第二个问题：

如果项目列表较大，是否可以将下拉列表框的最大大小设置为在此窗口内滚动

---

现在整个列表显示为一个整体

您可以指定将菜单附加到哪个元素：

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

您可以设置下拉框的高度，使其在溢出时可滚动：

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

然后在css中：

.overflow { height: 200px; }

有关更多信息和示例，请参阅文档：

---

您可以指定将菜单附加到哪个元素：

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

您可以设置下拉框的高度，使其在溢出时可滚动：

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

然后在css中：

.overflow { height: 200px; }

有关更多信息和示例，请参阅文档：

---

处理此问题的另一种方法（通常更简单）是将class

.ui front

添加到应附加selectmenu的父级。请注意，此父div需要有

position:relative

，因为selectmenu div将有

position:absolute

见：

当该值为null时，将检查的父项是否存在错误 ui前端的类名。如果使用ui前端类名的元素 找到后，菜单将附加到该元素。不管价值如何， 如果未找到任何元素，则菜单将附加到正文中

---

处理此问题的另一种方法（通常更简单）是将class

.ui front

添加到应附加selectmenu的父级。请注意，此父div需要有

position:relative

，因为selectmenu div将有

position:absolute

见：

当该值为null时，将检查的父项是否存在错误 ui前端的类名。如果使用ui前端类名的元素 找到后，菜单将附加到该元素。不管价值如何， 如果未找到任何元素，则菜单将附加到正文中

---

如果你能加上小提琴，我们可以帮助得更好。如果你能加上小提琴，我们可以帮助得更好。