什么使下拉菜单超过其他元素?

时间:2014-02-04 18:56:41

标签: jquery html css

我有这个任务在工作,我不确定要寻找什么。页面顶部有这些类别下拉菜单,并且要求我进行操作,以便当菜单向下滑动时,页面的其余部分随之滑动以为它们腾出空间,而不仅仅是菜单超越其他元素。他们试图成为时髦的东西。

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

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

我应该寻找什么?我无法弄清楚是什么让他们超越了DOM的流程。它们具有Z指数,但将其设置为低值则没有做任何事情。

2 个答案:

答案 0 :(得分:0)

如果我理解你,如果你滑动,你想让下面的DIV向下移动吗?

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

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

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

之后又回来了。 如果你去了fency,你可以使用http://api.jquery.com/animate/

BRG

答案 1 :(得分:0)

理想情况下,使用ul元素创建下拉列表,因此查找主要的ul容器,它可以在第一个位置悬停您的可见导航元素时隐藏项目。现在向您介绍一下,当您从最初隐藏的主ul容器中移除position:absolute时,可以实现关于从叠加到向下滑动方法的定位更改的其他查询。

PS:希望我能回答你的问题,因为这纯粹基于你上面提到的文字。如果没有,则请求您共享示例代码。