同问:
<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>
就这样滚动条没有了,没加侧滑前是可以的
2 个回复
BoredApe - 有问题就会有答案。
你好,可以贴一下代码吗
dodomao
同问:
就这样滚动条没有了,没加侧滑前是可以的
BoredApe
你好,最好给我一个测试工程,我能直接运行你代码,重现问题,方便解决问题谢谢
2015-08-05 17:53
Funk
我也是侧滑加滚动 没有问题 你最好根据最近的demo再研究一下
2015-09-01 17:13