Question

有人知道是否可以让jQuery自动填充的下拉菜单超出浏览器窗口？

这可以用于常见的html选择菜单（Internet Explorer）：

<html><body>
<script>window.resizeTo(300, 200);</script>
<form><select>
    <option>Some option 01</option>
    <option>Some option 02</option>
    <option>Some option 03</option>
    <option>Some option 04</option>
    <option>Some option 05</option>
    <option>Some option 06</option>
    <option>Some option 07</option>
    <option>Some option 08</option>
    <option>Some option 09</option>
</select></form>
</body></html>

这也可以使用javascript / jQuery实现，还是结果总是在浏览器窗口中呈现？

提前致谢。

Answer 1

自动完成插件即使看起来像一个弹出菜单，仍然是html标记，并且在浏览器窗口中显示，就像网页的任何其他元素一样。

您可以在菜单上设置max-height。

.ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; }

如果高度超过100px，则会添加垂直滚动条。

如何让jQuery自动完成的下拉列表超过浏览器窗口？

1 个答案: