请问左右滑动的问题

<!-- 主界面不动、菜单移动 -->
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left" id="offCanvasSide">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
dd
</div>
</div>
</aside>
<aside class="mui-off-canvas-right" id="offCanvasSide2">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
dd2
</div>
</div>
</aside>
<!-- 主页面容器 -->
<div class="mui-inner-wrap">
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a>
<h1 class="mui-title">标题</h1>
<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-right" href="#offCanvasSide2"></a>
</header>

            <nav class="mui-bar mui-bar-tab">  
                <a class="mui-tab-item mui-active">  
                    <span class="mui-icon mui-icon-home"></span>  
                    <span class="mui-tab-label">首页</span>  
                </a>  
                <a class="mui-tab-item">  
                    <span class="mui-icon mui-icon-phone"></span>  
                    <span class="mui-tab-label">电话</span>  
                </a>  
                <a class="mui-tab-item">  
                    <span class="mui-icon mui-icon-email"></span>  
                    <span class="mui-tab-label">邮件</span>  
                </a>  
                <a class="mui-tab-item">  
                    <span class="mui-icon mui-icon-gear"></span>  
                    <span class="mui-tab-label">设置</span>  
                </a>  
            </nav>  
            <div class="mui-content mui-scroll-wrapper">  

            </div>    
            <div class="mui-off-canvas-backdrop"></div>  
          </div>  
        </div>