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

解决mui下拉刷新上拉加载占全屏的问题

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

本文主要包含mui下拉刷新,mui下拉加载,mui下拉刷新代码,mui下拉选择,mui下拉等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> 需要放在head里

  1. <script src="js/mui.min.js"></script> 
  2.         <script type="text/javascript" charset="utf-8"> 
  3.             mui.init({ 
  4.                 pullRefresh: { 
  5.                     container: '.mui-content', 
  6.                     deceleration: 0.0006 
  7.                 } 
  8.             }); 
  9.             mui.ready(function() { 
  10.                 scorllInit(); 
  11.                 menuInit(); 
  12.                 loadData(); 
  13.             }); 
  14.  
  15.             function scorllInit() { 
  16.                 var info = getScreen(); 
  17.  
  18.                 mui('.mui-control-content').each(function() { 
  19.                     this.style.height = info[1] - 84 + 'px'; 
  20.                 }); 
  21.  
  22.                 mui('.mui-scroll-wrapper').each(function(k, v) { 
  23.                     mui(v).scroll({ 
  24.                         deceleration: (mui.os.ios ? 0.003 : 0.0006) 
  25.                     }); 
  26.                 }); 
  27.             } 
  28.  
  29.             function menuInit() {} 
  30.  
  31.             function loadData() {} 
  32.  
  33.             function getScreen(maxW, maxH) { 
  34.  
  35.                 var arr = [ 
  36.                     document.documentElement.clientWidth || document.body.clientWidth, 
  37.                     document.documentElement.clientHeight || document.body.clientHeigth 
  38.                 ]; 
  39.                 maxW && (function() { 
  40.                     if(arr[0] > maxW) { 
  41.                         arr[0] = maxW; 
  42.                     } 
  43.                 }()); 
  44.                 maxH && (function() { 
  45.                     if(arr[1] > maxH) { 
  46.                         arr[1] = maxH; 
  47.                     } 
  48.    

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

  • mui 拍照和相册代码分享
  • 解决mui下拉刷新上拉加载占全屏的问题
  • mui安卓、ios 实现上下拉取获取内容,容器里面的超链接失去作用

相关文章

  • 2017-05-31IIS6.0服务器mui.post报错403
  • 2017-05-31mui 流应用常见FAQ汇总
  • 2017-05-31MUI跳转页面传值
  • 2017-05-31mui dtpicker 时间的设置
  • 2017-05-31HBuilder MUI 打开页面默认弹出键盘及返回关闭键盘
  • 2017-05-31HBuilder mui 手拉手教你制作引导页
  • 2017-05-31Hbuilder MUI 滚动到页面顶部
  • 2017-05-31重写h5+在线升级版本比较代码
  • 2017-05-31Android平台提前注入5+ API,支持在plusready事件前调用
  • 2017-05-31html5视频播放自动全屏,暂停退出全屏等功能

文章分类

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

最近更新的内容

    • Mui开发webapp项目demo
    • MUI初始化滚动区域
    • Hbuilder MUI 动态添加不同类型的数据
    • 怎么改变安卓状态栏的背景颜色啊?
    • 移动端默认返回按键,使用h5+修改默认事件
    • mui.post跨域问题解决办法(php后端)
    • MUI iOS切换到后台支持获取位置信息功能
    • 讲讲HTML5的APP的登录功能及安全调用接口的方式原理
    • Hbuilder MUI 微信支付php版(微信支付V3)
    • MUI 模板页面实现原理及多端适配指南

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

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