<script type="text/javascript">
mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
</script>已经加上上面这个滚动的语句 主页面任然无法移动
下面是页面的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="UTF-8">
mui.init();
</script>
<script type="text/javascript">
mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
</script>
<style type="text/css">
/*.mui-scroll-wrapper {
/*min-height: 480px;*/
}*/
</style>
</head>
<body>
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable">
<!-- 主页面容器 -->
<div class="mui-inner-wrap">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left" style="background: whitesmoke;">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
<div style="max-width: 100%;">
<img src="image/user.png" style="float:left;max-width: 30%;margin-left: 10%; margin-top: 20px;">
<button id="loginbtn" type="button" style="float:right;max-width: 70%;margin-right: 20%; margin-top: 35px;" class="mui-btn mui-btn-blue mui-btn-outlined">立即登陆</button>
</div>
<script type="text/javascript">
document.getElementById('loginbtn').addEventListener('tap', function() {
mui.openWindow({
url: 'html/loginPage.html',
show: {
aniShow: 'slide-in-right',
duration: 300
},
// waiting:{
// autoShow:true,//自动显示等待框，默认为true
// title:'正在加载...',//等待对话框上显示的提示内容
//
// }
})
})
</script>
<div style="margin-top: 150px;">
<ul class="mui-table-view" style="background: whitesmoke;">
<li class="mui-table-view-cell">
<span class=" mui-icon mui-icon-person"></span> 个人中心
</li>
<li class="mui-table-view-cell">
<span class=" mui-icon mui-icon-gear"></span> 近期活动
<span class="mui-badge mui-badge-danger">100</span>
</li>
<li class="mui-table-view-cell">
<span class="mui-icon mui-icon-star"></span> 我的收藏
</li>
<li class="mui-table-view-cell">
<span class="mui-icon mui-icon-search"></span> 查找球友
</li>
<li class="mui-table-view-cell">
<span class="mui-icon mui-icon-settings"></span> 偏好设置
</li>
<li class="mui-table-view-cell">
<span class="mui-icon mui-icon-weixin"></span> 微信分享
</li>
</ul>
</div>
</div>
</div>
</aside>
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
<h1 class="mui-title">主页</h1>
</header>
<!-- 主页面内容容器 -->
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 主界面具体展示内容 -->
<!--<div class="mui-content">-->
<div id="ad_slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="http://dev.dcloud.net.cn/mui/assets/img/yuantiao.jpg">
</a>
<p class="mui-slider-title">
静静看这世界
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dev.dcloud.net.cn/mui/assets/img/shuijiao.jpg">
</a>
<p class="mui-slider-title">
幸福就是可以一起睡觉
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dev.dcloud.net.cn/mui/assets/img/muwu.jpg">
</a>
<p class="mui-slider-title">
想要一间这样的木屋，静静的喝咖啡
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dev.dcloud.net.cn/mui/assets/img/cbd.jpg">
</a>
<p class="mui-slider-title">
Color of SIP CBD
</p>
</div>
<div class="mui-slider-item">
<a href="#">
<img src="http://dev.dcloud.net.cn/mui/assets/img/yuantiao.jpg">
</a>
<p class="mui-slider-title">
静静看这世界
</p>
</div>
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="http://dev.dcloud.net.cn/mui/assets/img/shuijiao.jpg">
</a>
<p class="mui-slider-title">
幸福就是可以一起睡觉
</p>
</div>
</div>
<div class="mui-slider-indicator mui-text-right">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
<ul class="mui-table-view mui-grid-view mui-grid-9">
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
<a href="#" id="league">
<span class="mui-icon mui-icon-home"></span>
<div class="mui-media-body">比赛</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
<a href="#" id="train">
<span class="mui-icon mui-icon-chatbubble"></span>
<div class="mui-media-body">培训</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
<a href="html/club_info.html" id="club">
<span class="mui-icon mui-icon-location"></span>
<div class="mui-media-body">俱乐部</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
<a href="#" id="order">
<span class="mui-icon mui-icon-email"><span class="mui-badge">1</span></span>
<div class="mui-media-body">预约</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
<a href="#" id="communication">
<span class="mui-icon mui-icon-more"></span>
<div class="mui-media-body">交流</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
<a href="#" id="my">
<span class="mui-icon mui-icon-search"></span>
<div class="mui-media-body">我的</div>
</a>
</li>
</ul>
<!--</div>-->
<!--
排行榜
作者：linhuixiao@qq.com
时间：2016-01-22
描述：
-->
<div class="mui-card">[俱乐部排行榜]</div>
<div class="mui-card" style="margin-bottom: 35px;">
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-right" src="../images/muwu.jpg">
<div class="mui-media-body">
木屋
<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-right" src="../images/cbd.jpg">
<div class="mui-media-body">
CBD
<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-right" src="../images/yuantiao.jpg">
<div class="mui-media-body">
远眺
<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
</div>
</a>
</li>
</ul>
</div>
<div class="mui-card">[球员排行榜]</div>
<div class="mui-card" style="margin-bottom: 35px;">
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-right" src="../images/muwu.jpg">
<div class="mui-media-body">
木屋
<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-right" src="../images/cbd.jpg">
<div class="mui-media-body">
CBD
<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="javascript:;">
<img class="mui-media-object mui-pull-right" src="../images/yuantiao.jpg">
<div class="mui-media-body">
远眺
<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
1 个回复
帝普一世 - 码农周
我也遇到这个问题