2***@qq.com
2***@qq.com
  • 发布:2016-11-28 14:29
  • 更新:2016-11-28 17:45
  • 阅读:2554

BUG 真多,【看图】上拉不显示“上拉显示更多”,官方hello-mui就是这个问题

分类:MUI

BUG 真多,上拉不显示“上拉显示更多”,官方hello-mui就是这个问题

2016-11-28 14:29 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

感谢提出问题,以及对mui的支持。
mui主要是针对移动端App开发的,对浏览器环境下的一些扩展不是很完善。
mui产品概述

5+环境和浏览器环境下的刷新实现机制不同,尤其是安卓,div的滚动性能较差。
提升HTML5的性能体验系列之三 流畅下拉刷新和上拉翻页

底部的提示文字,默认是不显示的,只需要添加mui-visibility这个class即可显示。
比较简单的解决方法是,第一次加载数据完成后,并且依旧有更多数据,就给底部文字信息部分的元素添加该class。

可以自行扩展上拉的逻辑,示例如下:

mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。  
if(count <= 2) {  
    //显示底部提示文字信息  
    var bottomElem = document.querySelector('.mui-pull-bottom-pocket');  
    if(!bottomElem.classList.contains('mui-visibility')) {  
        bottomElem.classList.add('mui-visibility');  
    }  

}  

可以直接在Hello mui示例工程的pullrefresh_sub.html中添加此代码,查看效果。

该问题目前已经被锁定, 无法添加新回复