javascript - 如何使 jPanelMenu 不强制一切向右？

Question

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

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

问题：有没有办法让它不会将所有内容推到右边，而是覆盖它？

从这里获取所有代码

我的 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; }，看我的例子。