mui框架开发app:列表滚动到顶部
2018-01-15 10:58
267 查看
mui开发过程中遇到列表刷新数据时,数据更新后,列表显示应该从新数据的第一个item开始显示,如果不手动设置滚动到顶部,会出现不从第一个item显示的bug。
例如代码为:
<div id='d'>
<ul>
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li>
<ul>
</div>
js代码为:
mui('#d').scroll().scrollTo(0,1000,10);
如果没使用mui框架,那么jq代码为:
$('#d').scrollTop(0);
执行后代码就会滚动到顶部了。
例如代码为:
<div id='d'>
<ul>
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li>
<ul>
</div>
js代码为:
mui('#d').scroll().scrollTo(0,1000,10);
如果没使用mui框架,那么jq代码为:
$('#d').scrollTop(0);
执行后代码就会滚动到顶部了。
相关文章推荐
- MUI框架开发HTML5手机APP(一)--搭建第一个手机APP
- MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
- 自已开发完美的触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
- 获取手机联系人+滚动选择器(MUI移动开发框架)
- MUI开发APP,scroll组件,运用到区域滚动
- 自已开发完美的触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
- MUI框架开发HTML5手机APP(二)--页面跳转传值&底部选项卡切换
- MUI框架开发HTML5手机APP(一)--搭建第一个手机APP(转)
- 移动App开发 MUI框架 利用软键盘的搜索键实现页面跳转并传值
- HBuilder开发MUI web app溢出页面上下无法滚动问题
- MUI框架教程 基于localStorage的便签APP开发源码实例
- [webAPP项目]基于MUI框架开发APP功能点开发详解大纲
- 用mui框架开发手机app项目实践中的那些事儿
- 基于mui前端框架开发APP问题总结
- MUI框架开发HTML5手机APP
- 懂商业的技术合伙人(14):使用HTML5开发App客户端,HTML5+和MUI框架基本介绍
- H5+App开发框架汇总
- 信息系统开发平台OpenExpressApp - 发布【开源信息系统开发平台之 OpenExpressApp框架.pdf】
- 咏南APP(手机)开发框架
- 开源信息系统开发平台之 OpenExpressApp框架.pdf