我正在使用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 & 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; }
,请参见我的示例。