javascript - 如何使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>

最佳答案

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