我在工作中有这个任务,但我不太确定要寻找什么。页面顶部有这些类别下拉菜单,权力要求我这样做,以便当菜单向下滑动时,页面的其余部分也随之滑动以为它们腾出空间,而不仅仅是菜单遍历其他元素。他们想变得时髦什么的。
无论如何,我已经花了大约 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/