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

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,谢谢!




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值