MUI scroll(区域滚动)问题
1)在手机APP上,我们需要进行组件的滑动或者定位,可能会出现滑动方法不起作用。
例如:
功能:滚动到特定位置
方法:scrollTo( xpos , ypos [, duration] )
案例:mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);//100毫秒滚动到顶
可是有时候我们使用该方法是不起作用的,注意观察发现,
是由于mui('.mui-scroll-wrapper').scroll().maxScrollX为0,当该值显示为我们需要的后,该方法功能才起作用。
2)我以为是scroll组件需要初始化,就调用了初始化方法:
mui('.mui-scroll-wrapper').scroll({
scrollY: true, //是否竖向滚动
scrollX: false, //是否横向滚动
startX: 0, //初始化时滚动至x
startY: 0, //初始化时滚动至y
indicators: true, //是否显示滚动条
deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
bounce: true //是否启用回弹
});
然后再调用,依然不好使。
3)参考MUI官方文档,没发现可使用的滑动方法,后来查看该组件的源代码,
发现该组件还有一个内部的方法:setTranslate(x,y),只要将scrollTo(0,0,100)方法换成setTranslate(x,y)方法就可以达到效果了。
ps:MUI还是存在一定的bug,官方帮助文档仅供参考。
相关推荐
http://dev.dcloud.net.cn/mui/ui/#scroll...在App开发中,div区域滚动的需求是普遍存在的,但系统默认实现又有如下问题: Android平台4.0以下不支持div滚动 Android平台4.0以上支持div滚动,但不显示滚动条 弹出层的
写结构 mui的区域滚动结构是这样的 <div class=mui-scroll-wrapper> <div class=mui-scroll> *写需要滚动的内容 </div> 下面粘贴我代码的一部分 <div class=goods_foods mui-scroll-wrappe
mui滚动条 代码
该文件是项目单页,可以通过双击直接在浏览器打开。
下面小编就为大家分享一篇mui框架 页面无法滚动的解决方法(推荐),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
MUI 使用原生底部栏(中间凸起图片)
MUI 5+App 截屏任意区域 MUI 5+App 截屏任意区域 MUI 5+App 截屏任意区域 MUI 5+App 截屏任意区域
解决了mui图片轮播例子上面的开关问题,已经将开关去掉,拷贝代码可以直接运行图片轮播(mui).
上下滚动公告效果.rar
$('.mui-scroll-wrapper').scroll({ bounce: false, indicators: true, //是否显示滚动条 deceleration:deceleration }); $.ready(function() { //循环初始化所有下拉刷新,上拉加载。 $.each(document....
mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最全案例展示mui最...
mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格局,所以才无法滚动。那么如何解决这个问题呢? 解决方法: 一、在内容容器加上id,然后通过JS控制 <div class=...
暴力解决mui框架跳转问题,如果会影响页面其他跳转问题可在a表情中添加js代码
mui.js和mui.min.js的资源,
html5+app、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件,解决不同手机尺寸的手机适配问题
有用的mui.min.css,mui.min.js,mui.ttf。可用于H5二维码扫描。
mui 源码包,包括js脚本事件讲解,可以快速使用