dcloud-mui 仿ios 向下滑动页面,回弹效果

来源:互联网 发布:图书管理系统c语言链表 编辑:程序博客网 时间:2024/06/05 06:42

1.第一步肯定是引入mui.min.js 和mui.min.css 文件了;


2.页面中加入 mui-scroll,注意跟 mui-content 放在一起;


3.添加 mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); 



至此:你要的效果就出来了!


下面才是大家需要的,直接上代码:


加入引用,路径自己写

 <script src="../../static/js/lib/mui.min.js"></script>
 <link rel="stylesheet" href="../../static/css/lib/mui.min.css">


加入id名,加入mui-scroll

<div id= 'pullrefresh' class="mui-content mui-scroll">

加入js关键语句

<script type="text/javascript" charset="utf-8">
      mui.init();
      mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); 

 </script>


ok,搞定了!



如果大家感兴趣,或者想一起探讨学习的,请加一下这个QQ群, 488505459,谢谢!




原创粉丝点击