5***@qq.com
5***@qq.com
  • 发布:2017-03-21 13:16
  • 更新:2019-07-18 13:07
  • 阅读:1852

关于侧滑菜单嵌套选项卡+上拉加载的问题

分类:MUI

在侧滑菜单的菜单部分,使用了带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>
2017-03-21 13:16 负责人:无 分享
已邀请:
c***@163.com

c***@163.com

请问解决了吗,求解决办法

c***@163.com

c***@163.com

请问解决了吗,求解决办法

该问题目前已经被锁定, 无法添加新回复