jquery - 如何将我的 div 滑到另一个 div 上

Question

我正在尝试使用 jquery 创建一个菜单。当我的子菜单滑动时，页面的下部向下滑动。我希望下半部分保持固定，子菜单滑过它。

• 页面正文如下:

  仪表板 AB

  Hello world，这是菜单页面

仪表板是主菜单项。 A 和B 是子菜单项，从主菜单项向下滑动。 Hello World 是页面的其余部分，它会向下滑动 :( .

*滑动子菜单的 jquery 函数 *

<script type="text/javascript">
        $(document).ready(function () {
            $('#divsubMenu1').hide();
            $('#tdMenu1').hover(
                        function () { $('#divsubMenu1').slideDown("slow"); }
                        , function () { $('#divsubMenu1').slideUp("fast"); }
                        );
            });
 </script>

哪些更改可以使我的下方 div 固定？

谢谢!

Answer 1

使用 css 解决这个问题

position:absolute; 
z-index:5;

在下拉子菜单上使用此样式属性。

这里有一些有用的链接
http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/