详细问题描述
iphone7微信中测试下拉刷新效果， 转圈的效果可以出现； 但是页面的缓动效果没有起作用， 啪叽一下直接就上去了。
qq中打开测试正常， UC中测试正常
联系方式：
QQ：415560120
<!--以下为页面代码-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<title></title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/mui/mui.min.css" />
<link rel="stylesheet" type="text/css" href="css/mui/app.css" />
<link rel="stylesheet" type="text/css" href="css/ticketList.css"/>
</head>
<body>
<div class="">
<div class="sectionBar">
<section>
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view mui-table-view-chevron">
<li>
<div class="headerTitle">
<div class="headerTitleIcon">
10点/16点/20点限量开抢
</div>
<div class="headerTitleLasttime">
<div class="statues">
抢购中
</div>
<div class="text">
距本场活动结束
</div>
<div class="time">
02:45:38
</div>
</div>
</div>
</li>
<!--1-->
<li class="ticketLi red10 redLeft">
<!--券文字背景-->
<div class="quan"></div>
<!--票头左-->
<div class="ticketLiLeft1 mui-pull-left"></div>
<!--票头内容-->
<div class="ticketLiLeft2 mui-pull-left">
<div class="ticketLogo">
<img src="images/logo.png"/>
</div>
<div class="ticketLogoContent">
优<br>惠<br>券
</div>
</div>
<!--票头右-->
<div class="ticketLiLeft3 mui-pull-left"></div>
<!--中间内容部分-->
<div class="ticketLiLeft4 mui-pull-left"></div>
<div class="ticketLiLeft5 mui-pull-left">
<div class="ticketLiLeft5Title">
<div class="ticketLiLeft5TitleL mui-pull-left">
易捷商品20元代金券
</div>
</div>
<div class="ticketLiLeft5Price">
<i>5</i>元
</div>
<div class="lastPercentage">
剩余 20%
</div>
<div class="percentageBar">
<p class="mui-progressbar mui-progressbar-in" data-progress="80"><span></span></p>
</div>
</div>
<!--右边背景+按钮部分-->
<div class="rightRedBg">
<button class="myBtn whiteBtn">马上领取</button>
</div>
</li>
<!--说明-->
<li class="noticeBlock">
<div class="title">
<div class="left"></div>
<div class="text">活动规则</div>
<div class="right"></div>
</div>
<div class="textBox">
<p class="textLine">仅限购买鸥露系列纸品，消费满20元即可减8元。</p>
</div>
</li>
</ul>
</div>
</div>
</section>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/plug/rem/flexible.debug.js"></script>
<script src="js/plug/rem/flexible_css.debug.js"></script>
<script src="js/muijs/mui.min.js"></script>
<script>
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh,
auto:true
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh,
}
}
});
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1500);
}
var count = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh();
}, 1500);
}
mui('body').on('tap', 'a', function () {
window.top.location.href = this.href;
});
$(".percentageBar").each(function () {
mui(this).progressbar().setProgress(0);
})
setTimeout(function () {
$(".percentageBar").each(function () {
mui(this).progressbar().setProgress($(this).find('.mui-progressbar').attr('data-progress'));
})
},300)
</script> </html>
<!--代码结束-->
1 个回复
任我皮 - 程序猿永远不会说不！！！
问一下这个问题解决了么，遇到了同样的