今天在微信网页上使用mui的索引列表,单独使用没有问题。
当与div模式侧滑一起用时（索引列表是主页面），列表的滑动在手机上没有响应（在微信web开发者工具中可以通过鼠标轮滑）。两年前有个类似的问题（http://ask.dcloud.net.cn/question/11727），没有答案。
看看大家有没有解决方案可以提供一下，万份感谢。
基本dom结构如下：
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable mui-slide-in" >
<aside id="offCanvasSide" class="mui-off-canvas-right">
<div id="offCanvasSideScroll" class="mui-scroll-wrapper" >
<div class="mui-scroll">省略</div>
</div>
</aside>
<div class="mui-inner-wrap">
<div id="offCanvasContentScroll" class="mui-content">
<div id='list' class="mui-indexed-list">
<div class="mui-indexed-list-bar">省略</div>
<div class="mui-indexed-list-alert"></div>
<div class="mui-indexed-list-inner">省略</div>
</div>
</div>
</div>
</div>
2 个回复
hexi111 (作者)
另外，mui的索引列表是通过下面的js语句来确定div的高度的。所以我理解是不需要scroll的。
var header = document.querySelector('header.mui-bar');
var list = document.getElementById('list');
list.style.height = (document.body.offsetHeight - header.offsetHeight) 'px';
window.indexedList = new mui.IndexedList(list);
明l天
我也遇到类似问题。索引列表是侧滑菜单部分，使用之后主页面和侧滑菜单只可以用鼠标滚轮滑动，手机上不能滑。请问你解决了吗