如何将一个div滑动到另一个div上方

Question

我想使用jquery创建一个菜单。当我的子菜单滑动时，页面的下半部分也会滑下来。我希望下半部分保持固定，而子菜单从上面滑过去。

• 以下是页面主体：

  
  
  仪表板 A B

  你好世界，这是菜单页面

仪表板是主菜单项。A和B是子菜单项，从主菜单项向下滑动。你好世界是页面的剩余部分，但它会被一起滑下来 :(。

*jquery函数用于滑动子菜单 *

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

如何使下面的div固定不动？

谢谢！

- CODError

Answer 1

使用 css 来解决这个问题。

position:absolute; 
z-index:5;

使用这个样式属性在您的下拉子菜单上。

以下是一些有用的链接： http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/

- शेखर