第一次些博客,如果有写的不好的地方,请见谅!!
##由于需要使用MUI制作公司的一个APP,因此跟着MUI官方帮助文档进行了代码的测试,大部分组建都能够达到想要的效果,但是在测试popover+scroll组件共同使用时,发现了一些问题.
- 当数据为写死或者称为静态数据时,数据功能都是正常的,并且可以正常弹出等;
- 数据动态获取时如果出现滚动条无法使用或者失效,则可以使用以下代码解决,其中最主要的是mui(’.mui-scroll-wrapper’).scroll()必须放在mui.plusReady里面,因为mui.plusReady是文档就绪事件,动态渲染数据时必须等数据执行完毕后才能初始化scroll方法.代码如下:
<script type="text/javascript">
mui.init();
//由于数据是动态获取的,因此在MUI初始化时必须将其放置到所有数据全部加载完成之后,即文档就绪事件.如果直接使用,则无法出现滚动的效果.
mui.plusReady(function(){
mui('.mui-scroll-wrapper').scroll({
scrollY: true, //是否竖向滚动
scrollX: false, //是否横向滚动
startX: 0, //初始化时滚动至x
startY: 0, //初始化时滚动至y
indicators: false, //是否显示滚动条
deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏
bounce: true //是否启用回弹
});
});
</script>
3.动态获取数据时如果弹出框不可用(弹出失效),可以将body的高度和html的高度均设置为100%;并为其设置一个高度.(如果结合mui-scroll-wrapper使用,则必须给弹出框设置一个高度.)