gangdiedao
gangdiedao
  • 发布:2015-08-05 12:03
  • 更新:2015-08-05 17:48
  • 阅读:1224

为什么使用侧滑菜单 页面的滚动条就没了

分类:MUI
mui

我页面下面还有很多内容 怎么滑都滑不了

2015-08-05 12:03 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

你好,可以贴一下代码吗

dodomao

dodomao

同问:

<div class="mui-off-canvas-wrap mui-draggable">  
            <aside id="offCanvas" class="mui-off-canvas-right" style=" background-color: #fff;">  
                    <ul class="mui-table-view mui-table-view-chevron" style=" background-color: #017AFD;">  
                        <li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">临床科室</a>  
                            <ul class="mui-table-view mui-table-view-chevron">  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">呼吸内科</a>  
                                </li>  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">胸外科</a>  
                                </li>  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">神经内科</a>  
                                </li>  
                            </ul>  
                        </li>  
                        <li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">医技科室</a>  
                            <ul class="mui-table-view mui-table-view-chevron">  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">放射科</a>  
                                </li>  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">检验科</a>  
                                </li>  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">血透室</a>  
                                </li>  
                            </ul>  
                        </li>  
                        <li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">行政科室</a>  
                            <ul class="mui-table-view mui-table-view-chevron">  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">院领导</a>  
                                </li>  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">医院办公室</a>  
                                </li>  
                            </ul>  
                        </li>  
                        <li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">后勤科室</a>  
                            <ul class="mui-table-view mui-table-view-chevron">  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">设备科</a>  
                                </li>  
                                <li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">基建科</a>  
                                </li>  
                            </ul>  
                        </li>  
                    </ul>  

            </aside>  
            <div class="mui-inner-wrap">  
                <header class="mui-bar mui-bar-nav" style="padding-right: 15px;">  
                    <button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">  
                            <span class="mui-icon mui-icon-left-nav" style="color: #fff;"></span>  
                    </button>  
                    <h1 class="mui-title">通讯录</h1>  
                    <a href="#offCanvas" class="mui-icon mui-icon-bars mui-pull-right" style="color: #fff;"></a>  
                </header>  
                <nav class="mui-bar mui-bar-tab">  
                    <a class="mui-tab-item mui-active" href="#tabbar">  
                        <span class="mui-icon mui-icon-phone"></span>  
                        <span class="mui-tab-label">通讯录</span>  
                    </a>  
                    <a class="mui-tab-item" href="#tabbar-with-chat">  
                        <span class="mui-icon mui-icon-starhalf"></span>  
                        <span class="mui-tab-label">应用中心</span>  
                    </a>  
                    <a class="mui-tab-item" href="#tabbar-with-sms">  
                        <span class="mui-icon mui-icon-chatboxes"></span>  
                        <span class="mui-tab-label">消息中心</span>  
                    </a>  
                    <a class="mui-tab-item" href="#tabbar-with-map">  
                        <span class="mui-icon mui-icon-gear"></span>  
                        <span class="mui-tab-label">个人设置</span>  
                    </a>  
                </nav>  
                <div class="mui-content">  
                    <div class="mui-input-row mui-search mui-content-padded" style="margin-right: 20px;">  
                        <input type="search" class="mui-input-speech mui-input-clear" style="margin-bottom: 0;" placeholder="可通过姓名首字母搜索相关人员">  
                    </div>  
                    <h5 class="mui-content-padded" id="A">A</h5>  
                    <ul class="mui-table-view">  
                        <li class="mui-table-view-cell">  
                            <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                            <div class="mui-media-body">  
                                安以轩<br />  
                                <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15088888888</a>  
                                <a href="tel:665212">665212</a>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell">  
                            <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                            <div class="mui-media-body">  
                                安以轩<br />  
                                <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15088888888</a>  
                                <a  href="tel:665212">665212</a>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell">  
                            <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                            <div class="mui-media-body">  
                                安以轩<br />  
                                <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15088888888</a>  
                                <a href="tel:665212">665212</a>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell">  
                            <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                            <div class="mui-media-body">  
                                安以轩<br />  
                                <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15088888888</a>  
                                <a  href="tel:665212">665212</a>  
                            </div>  
                        </li>  
                    </ul>  
                    <h5 class="mui-content-padded" id="B">B</h5>  
                    <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            包青天<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15105285412</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            包青天<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15105285412</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            包青天<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15105285412</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            包青天<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">15105285412</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    </ul>  
                    <h5 class="mui-content-padded" id="C">C</h5>  
                    <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            蔡国忠<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">13809516418</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            蔡国忠<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">13809516418</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            蔡国忠<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">13809516418</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <img class="mui-media-object mui-pull-left" src="images/person.png"/>  
                        <div class="mui-media-body">  
                            蔡国忠<br />  
                            <a class="mui-icon mui-icon-phone"  href="tel:15088888888">13809516418</a>  
                            <a  href="tel:665212">665212</a>  
                        </div>  
                    </li>  
                    </ul>  
                </div>  
            <!-- off-canvas backdrop -->  
            <div class="mui-off-canvas-backdrop"></div>  
        </div>  
        </div>

就这样滚动条没有了,没加侧滑前是可以的

  • BoredApe

    你好,最好给我一个测试工程,我能直接运行你代码,重现问题,方便解决问题谢谢

    2015-08-05 17:53

  • Funk

    我也是侧滑加滚动 没有问题 你最好根据最近的demo再研究一下

    2015-09-01 17:13

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