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/

相关文章:

javascript - 如何使用drawImage/putImageData进行剪辑

html - 背景不在应有的位置 [CSS/HTML]

javascript - 使用 jQuery 移动翻转开关更改文本颜色

javascript - 按下按键时如何以鼠标位置为中心绘制圆

php - 点击add在php中插入另一个输入字段

css - 是否有 CSS 父级选择器?

html - 可以在 div 上创建没有背景图像的视差效果吗?

javascript - 如何配置此选项卡 slider

jquery - 单选按钮上的 Tab 键顺序不正确

javascript - 在 div 内创建可点击的 div