gpt4 book ai didi

javascript - 如何让jQuery自动完成的下拉超出浏览器窗口?

转载 作者:行者123 更新时间:2023-11-28 03:42:30 24 4
gpt4 key购买 nike

有谁知道是否可以让 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 来实现吗?还是结果总是在浏览器窗口中呈现?

提前致谢。

最佳答案

自动完成插件,尽管它看起来像一个弹出菜单,但仍然是 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,这将添加一个垂直滚动条。

关于javascript - 如何让jQuery自动完成的下拉超出浏览器窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9479661/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com