jquery - 展开下拉列表时如何移动元素

标签 jquery html css

我目前正在执行一项任务,我需要在下拉列表展开后,下拉列表下方的元素不应隐藏。

它们应该随着下拉菜单的展开而向下移动,随着下拉菜单的展开而向上移动。

这可能吗?

下面是示例代码:

<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" 回到原来的位置。

最佳答案

如果你的意思是你不想让元素隐藏在下拉列表后面,那么你有两种方法......

  1. 将 onClick 事件附加到下拉列表,以将下方框(包含其他元素)或选择框容器的 min-height css 属性从“自动”更改为所需的像素数量。

  2. 在 CSS 中使用 divs/ul 显示和隐藏子元素来实现下拉菜单。您可以采用与网站在其标题中使用下拉菜单相同的方法。这会将所有内容下推。

关于jquery - 展开下拉列表时如何移动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23187061/

相关文章:

html - 如何在 Bootstrap 5 Accordion 中禁用 .accordion-item?

jquery - 当旁边有另一个 div 时调整固定的 div 大小

html - 如何在 CSS 中混合颜色?

jquery - 对 Kendocombobox 的项目进行排序

javascript - Jquery 数据表在标题和正文部分之间有一些差距

javascript - 将对对象的引用传递给 jQuery 中的回调函数

php - 确定 php while 循环中的每个第三项?

javascript - ASP MVC jQuery 验证 onfocusout 有效,但不适用于表单提交

javascript - 网页从MySQL加载图片慢

html - 我应该使用 span 标签还是 p 标签?