javascript - 如何让 jPanelMenu 不强制一切都正确？

Question

我正在使用 jpanelmenu 一切正常，但是有没有办法让它不会将所有内容推到右边而是覆盖它

解释类似于 Youtube 的菜单，当您按下 Youtube Logo 旁边的按钮时会显示该菜单。菜单覆盖了一切。

问题:有没有办法让它不把所有内容推到右边而是覆盖它？

从 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>

Answer 1

设置.wrap{ position:fixed; } ，看我的example .