• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > HBuilder mui 下拉刷新

HBuilder mui 下拉刷新

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含HBuilder mui 下拉刷新等相关知识,教程希望在学习及工作中可以帮助到您

为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况); mui通过双webview解决这个DIV的拖动流畅度问题;拖动时,拖动的不是div,而是一个完整的webview(子webview),回弹动画使用原生动画;在iOS平台,H5的动画已经比较流畅,故依然使用H5方案。两个平台实现虽有差异,但mui经过封装,可使用一套代码实现下拉刷新。

主页面内容比较简单,只需要创建子页面即可:

mui.init({
    subpages:[{
      url:pullrefresh-subpage-url,//下拉刷新内容页面地址
      id:pullrefresh-subpage-id,//内容页面标志
      styles:{
        top:subpage-top-position,//内容页面顶部位置,需根据实际页面布局计算,若使用标准mui导航,顶部默认为48px;
        

您可能想查找下面的文章:

相关文章

  • 2017-05-31打包运行的移动APP项目,运行的时候是否依赖手机的浏览器?
  • 2017-05-31Application loader上次报90167错误
  • 2017-05-31Android如何判断app是否安装(native.js)
  • 2017-05-31Android平台提前注入5+ API,支持在plusready事件前调用
  • 2017-05-31MUI框架预加载
  • 2017-05-31hbuilder mui 页面的a连接跳转不能使用?
  • 2017-05-31html5仿ios下拉和上拉回弹功能
  • 2017-05-31hbuilder mui 如何禁止轮播图左右滑动?
  • 2017-05-31MUI使用js模板引擎开关按钮无效问题
  • 2017-05-31H5+MUI+Node.js+Socket.io实现即时聊天以及发送+图片压缩

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 关于手机webview、默认浏览器、HBuilder边改边看浏览器的区别和兼容性
    • mui在软键盘打开的状态下点击返回键软键盘消失,再次点击后返回上一页
    • Uncaught TypeError: Cannot read property '0' of undefined at js/mui.min.js:7
    • mui实现自动登录
    • hbuilder mui组件通用CSS类
    • mui数百精选案例分享
    • HBuilder MUI 实现关闭除指定页面外的其他所有页面的功能
    • mui app在线更新
    • mui Android平台使用AndroidStudio离线打包说明
    • 64位windows上iTunes12.1升级后iOS真机运行无法使用的解决办法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有