如何使jPanelMenu不强迫一切正常?

时间:2014-03-08 09:15:24

标签: javascript jquery html css jpanelmenu

我正在使用jpanelmenu一切正常但是有一种方法所以它不会将所有内容推到右边而是覆盖它

解释就像Youtube的菜单,当您按下Youtube徽标旁边的按钮时会显示该菜单。菜单覆盖了一切。

问题:有没有办法让它不会将所有内容推到右边,而是覆盖它?

获得here

的所有代码

我的jpanelmenu: jsfiddle

代码:

<script type="text/javascript" src="http://jpanelmenu.com/jquery.jpanelmenu.js"></script>

        <input class="menu-trigger" type="button" value="M">

            <div class="wrap">
                <ul id="menu">
                    <li><a href="/">Overview</a></li>
                    <li><a href="#usage">Usage</a></li>
                    <li><a href="#inner-workings">Inner-Workings</a></li>
                    <li><a href="#animation">Animation</a></li>
                    <li><a href="#options">Options</a></li>
                    <li><a href="#api">API</a></li>
                    <li><a href="#tips">Tips &amp; Examples</a></li>
                    <li><a href="#about">About</a></li>
                </ul>
                </div>

        <script type="text/javascript">
            $(document).ready(function () {
                var jPM = $.jPanelMenu();
                jPM.on();
            });
        </script>
        <style>
        .wrap{
            display:none;


        }
        </style>
    <script type="text/javascript">

        var jPM = $.jPanelMenu();
    jPM.on();

    </script>

1 个答案:

答案 0 :(得分:0)

设置.wrap{ position:fixed; },请参阅我的example