在侧滑菜单的菜单部分,使用了带mui-tab-item的选项卡菜单。
主界面部分scroll中,嵌套了选项卡。
选项卡中又嵌套scroll来控制上拉刷新。
这时候就会出现双重嵌套scroll的情况,会产生页面错乱,上拉刷新的scroll内容不显示的问题。
请教下该如何解决?
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
<li class="mui-table-view-cell child_li mui-active ">
<a class="mui-navigate-right mui-tab-item" href="#AdminQuestion">问题管理</a>
</li>
<li class="mui-table-view-cell child_li">
<a class="mui-navigate-right mui-tab-item" href="#AdminUser">用户管理</a>
</li>
<li class="mui-table-view-cell child_li">
<a class="mui-navigate-right mui-tab-item" href="#FeedBack">问题反馈</a>
</li>
</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"></a>
<h1 class="mui-title">标题</h1>
</header>
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 主界面具体展示内容 -->
<!-- 第一个选项卡 -->
<div class="mui-control-content mui-active" id="AdminQuestion">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
这里是上拉刷新的内容
</div>
</div>
</div>
<!-- 第二个选项卡 -->
<div class="mui-control-content" id="AdminUser">
</div>
<!-- 第三个选项卡 -->
<div class="mui-control-content" id="FeedBack">
</div>
</div>
</div>
</div>
</div>
2 个回复
c***@163.com
请问解决了吗,求解决办法
c***@163.com
请问解决了吗,求解决办法