2

我注意到 HTML SELECT 下拉菜单可以在浏览器窗口之外绘制。例如看看它: http ://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

使浏览器的窗口高度非常小,您会注意到即使它很小,html 选择下拉菜单也会超出浏览器窗口的边缘。

现在我正在使用具有高 z-index 的绝对定位 div 制作自己的下拉菜单,但如果窗口非常小,它们似乎会被浏览器窗口边缘截断。有没有办法做到这一点或让它像一个 html 选择?

4

2 回答 2

5

不,您不能在浏览器窗口之外绘制 div。

下拉菜单的不同之处在于它通常呈现为原生 UI 组件。一些浏览器可能会选择允许原生组件跨越浏览器窗口,但这不是常态。

于 2013-07-16T19:47:24.150 回答
2

不,adiv不会表现出这种行为。

发生这种情况的原因select是由于主机系统使用额外的浏览器功能来呈现该元素(可能还有其他东西,例如文本框或按钮,具体取决于浏览器和主机系统)。浏览器使用系统的 API 来实际绘制和使用该元素(与文本框、按钮等相同)。

Adiv本身完全由浏览器内的功能呈现,完全不依赖于浏览器外部的系统 API。

于 2013-07-16T19:49:04.617 回答