jquery - 是什么让下拉菜单覆盖其他元素?

标签 jquery html css

我在工作中有这个任务,但我不太确定要寻找什么。页面顶部有这些类别下拉菜单,权力要求我这样做,以便当菜单向下滑动时,页面的其余部分也随之滑动以为它们腾出空间,而不仅仅是菜单遍历其他元素。他们想变得时髦什么的。

无论如何,我已经花了大约 3 个小时检查 HTML 和 CSS(我通常不写)并且无法弄清楚需要调整什么才能使其他元素向下滑动而不是停留在原处他们是。

菜单就像一堆嵌套的 div 和 span,应用的 CSS 多得我数不过来。页面的其余部分都包含在一个巨大的 div 中,紧跟在类别标题之后。

我应该寻找什么?我无法弄清楚是什么让它们超出了 DOM 的流程。他们有 Z-index,但将其设置为较低的值没有任何作用。

最佳答案

如果我没理解错的话,你是想让下面的DIV在你滑动的时候向下移动吗?

如何给它一个绝对位置并在菜单的 .click 事件中相应地移动它?

HTML:
<div id="goaway">This text needs to go</div>

CSS:
#goaway { position:absolute; top:200px; }

然后返回。 如果你喜欢你可以使用 http://api.jquery.com/animate/ .

兄弟会

关于jquery - 是什么让下拉菜单覆盖其他元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21561002/

相关文章:

css - 使定位的 div 占据所有空间,直到轴上的下一个元素

html - 在 Bootstrap 的下拉菜单右侧插入图像

css - 将 R Shiny showNotification 移动到屏幕中央

javascript - 如何在设定的时间间隔后以 Angular 附加文本?

javascript - AJAX 条件内附加

javascript - Jquery Div 元素隐藏

Javascript 检查工作步骤/流程结束后变量是否设置为 "true"

Javascript - 当 iFrame SRC 更改时将 DIV 滚动条移动到顶部

javascript - jQuery设置di​​v高度

css - 如何在 HTML5 canvas 元素中放置一些输入元素?