MUI动态加载数据后,scrollToBottom无效的解决方案
一个类似于聊天的效果,要求数据加载完成后,滚动条必须在最后。但是,如果数据是原始数据的话,使用scrollToBottom是可以滚动到底部的。但是如果是动态数据的话,就无效了。
找了很多方法,官方QQ群里也问过了,解释的也不是很看的懂。最后没办法,只能去翻代码了。看了下scrollToBottom的方法定义中有一行是这样的:
this.scrollTo(0, this.maxScrollY, time, easing);
通过浏览器控制台获取maxScrollY的值很悲剧的为0!!!!!
而maxScrollY的获取就是在reLayout函数当中,于是乎,重新调用一下reLayout就可以更新maxScrollY了。完整的解决方案如下:
//页面加载后,初始化滚动条
var scroll = mui('.mui-scroll-wrapper').scroll();
//获取列表数据
$.post(apiURL, {}, function(data) {
//插入列表
insertDomByData(data); //重新计算布局值,最大滚动的高度等等
scroll.reLayout(); //滚动到底部
scroll.scrollToBottom(100);
});
“ MUI动态加载数据后,scrollToBottom无效的解决方案” 的相关文章
安卓手机刷机教程,体验不一样的新系统。 一:刷机准备与介绍 首先简单介绍下刷机吧,所谓的刷机,不纯指刷新的系统,其中还包括刷Recovery(也叫CWM或者工程模式),基带(你可以理解为电脑驱动 类),ROM(系统哦),SPL(你...
background: url(“http://www.wyzu.cn/uploadfile/2013/0220/20130220112423140.jpg”) repeat fixed center top / cover #595959;...
function get_url() { $sys_protocal = isset($_SERVER['SERVER_PORT']) && $_SERVER...
<?php // 作用取得客户端的ip、地理信息、浏览器http://blog.qita.in class get_gust_info { ////获得访客浏...
//php代码部分 <?php header('Content-Type:text/html;charset=utf-8'); ...
<?php header("Access-Control-Allow-Origin:*"); $url = 'http://'.$_SERVER['HTTP_HOST']; $file =&nb...