我目前正在执行一项任务,我需要在下拉列表展开后,下拉列表下方的元素不应隐藏。
它们应该随着下拉菜单的展开而向下移动,随着下拉菜单的展开而向上移动。
这可能吗?
下面是示例代码:
<select id="test">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
<div>abc</div>
我希望 div "abc"在下拉列表展开时向下移动,这样它就不会隐藏在下拉选项后面。
一旦下拉列表展开,我希望 div "abc" 回到原来的位置。
最佳答案
如果你的意思是你不想让元素隐藏在下拉列表后面,那么你有两种方法......
将 onClick 事件附加到下拉列表,以将下方框(包含其他元素)或选择框容器的 min-height css 属性从“自动”更改为所需的像素数量。
在 CSS 中使用 divs/ul 显示和隐藏子元素来实现下拉菜单。您可以采用与网站在其标题中使用下拉菜单相同的方法。这会将所有内容下推。
关于jquery - 展开下拉列表时如何移动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23187061/