精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)
修复mescroll首次懒加载, 触发比较慢的问题. 之前的版本是列表加载完成默认500ms,才触发懒加载; 这次的版本改为16ms.. 使图片更快的被加载出来~
1.下拉刷新增加 inOffsetRate 的配置 : 在列表顶部,下拉的距离小于offset时,改变下拉区域高度比例;值小于1且越接近0,高度变化越小,表现为越往下越难拉. 具体请在mescroll-options的案例中体验.
2.过滤某些复杂场景下输出的警告
修复少部分操作场景下, iOS下拉刷新列表抖动的问题~
1.新增图片懒加载的功能,支持配置各种占位图与显示动画.一分钟上手 2.优化down和up的auto参数的触发方式, 避免down的auto会影响up的callback. 3.优化处理阻止浏览器默认事件的逻辑,避免少部分情况控制台输出警告异常 4.优化部分细节...
初始化时,所有配置id的参数都支持传入dom元素. (在vue中可通过ref初始化Mescroll,以避免父子组件id重复的问题.)
新增mescroll.hideTopBtn(time)和mescroll.setTopBtnFadeDuration(time)方法, 设置回到顶部按钮的显示隐藏动画时长,默认0.5秒. (在vue路由切换时,可0秒无动画的隐藏或显示回到顶部按钮)
严格的eslint检查,修复少部分代码语法不规范的问题
优化touch事件,修复少部分场景快速滑动卡顿或白屏的问题
mescroll.hideUpScroll(displayAble)新增参数displayAble: 是否通过display:none隐藏. 默认false,通过visibility:hidden的方式隐藏. (当数据少于noMoreSize的时候,通过display:none的方式隐藏上拉加载的布局,解决底部占位的问题.)
在MeScroll.extend的for in循环中给key申明var 避免在vue引入或webpack打包报错
详情:
https://github.com/mescroll/mescroll/issues/56
https://github.com/mescroll/mescroll/issues/77
感谢小伙伴们的反馈~
调整up的auto默认为true (内部已避免up的多次自动触发)
修复 1.3.0 版本在自定义down的callback时,可能会导致up无法自动触发的问题
修复配置了clearId或clearEmptyId,在自定义down的callback里调用mescroll.endSuccess()会清空列表的问题
新增变量: mescroll.version : 当前mescroll版本号
新增配置: up.isBounce : 是否允许ios的bounce回弹;默认true,允许回弹;
如果配置为false,则可取代1.2.5版本加入的mescroll-bounce
也可以通过调用mescroll.setBounce(true) 允许bounce;
mescroll.setBounce(false) 禁止bounce
新增配置: up.toTop.supportTap和up.empty.supportTap : 默认false,通过onclick添加点击事件;
如果您的运行环境支持tap,则可配置true,可减少点击延时,快速响应事件; (注:微信和PC无法响应tap事件)
新增方法: mescroll.getToBottom() : 获取当前滚动条到底部的距离
优化下拉刷新和上拉加载的触发算法
优化阻止浏览器默认行为的算法
内部自动判断是否禁止PC端拖拽图片,无需手动屏蔽PC端的document.ondragstart
优化android下拉刷新逻辑,可像ios一样不一定在列表顶部才能下拉
彻底修复在iOS的微信,QQ,Safari等浏览器,列表顶部下拉和底部上拉露出浏览器灰色背景,卡顿2秒的问题
抛弃 1.2.5 通过添加mescroll-bounce的解决方式
现在您只需在 up 配置 isBounce 为 false 即可 解析(必读)
修复不满屏或者已经在底部, 无法触发上拉回调的问题
修复配置了锁定上拉加载, 但仍可上拉的问题
up的toTop新增html的配置(回到顶部按钮) 具体运用可查看关键词搜索案例 mescroll-search