当屏幕上没有足够的空间时,下拉菜单打开 - HTML / CSS / Javascript

时间:2012-07-13 09:49:46

标签: javascript jquery html5 css3

我有一个位于文档中间的下拉列表。当下拉显示在屏幕底部时,我希望下拉菜单上升而不是下降。当下拉列表出现在屏幕顶部时,我希望下拉列表显示下来。

下拉菜单是用HTML / CSS设计的。我需要Javascript / jQuery代码来完成这项工作。

非常感谢任何帮助。

谢谢! -

1 个答案:

答案 0 :(得分:0)

首先,您必须找到下拉组件的顶部和左侧坐标。让coordibnates是x1,y1。 然后通过screenX和screenY找到屏幕的宽度和高度。 那么你可以分别将x1,y1与screenX和screenY进行比较。

你可以like this