盒子容器,需要根据内容多少来判断是否需要滚动
场景:手机端 页面部分区域 这里假设高度为500px
<ul class='mui-table-view' ></ul>
起初我采取的解决方案:
css: overflow:hidden auto;postion:fixed;z-index:999
我用chrome 测试 好使,但是到了真机测试环节就不好使了,后来 firefox 测试发现全局滚动条盖住 当前滚动条
试着把body滚动禁止,没好使
解决方案:
在盒子容器上包裹一层
<div class='mui-scroll-wrapper'></div>
注意mui-scroll-wrapper 有层级问题:需要 top 固定位置
mui('.mui-scroll-wrapper').scroll({
deceleration: 0.01, //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值 0.0006
indicators: false, //隐藏一条滚动条 增大减速系数。。。
passive: false
}).scrollTo(0,0,0);