<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
<style type="text/css">
.left_table{
font-size: 12px;
text-align: center;
}
.left_table td{
width: 80px;
border: 1px solid #ccc;
padding: 10px 0;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">标题</h1>
</header>
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<table border="0" cellspacing="0" cellpadding="0" class="left_table">
<tr><td>标题</td></tr>
<tr><td>标题</td></tr>
<tr><td>标题</td></tr>
<tr><td>标题1</td></tr>
<tr><td>标题1</td></tr>
<tr><td>标题1</td></tr>
<tr><td>标题1</td></tr>
<tr><td>1标题</td></tr>
<tr><td>1标题</td></tr>
<tr><td>1</td></tr>
<tr><td>标题</td></tr>
<tr><td>标题</td></tr>
<tr><td>标题</td></tr>
<tr><td>标题1</td></tr>
<tr><td>标题1</td></tr>
<tr><td>标题1</td></tr>
<tr><td>标题1</td></tr>
<tr><td>1标题</td></tr>
<tr><td>1标题</td></tr>
<tr><td>1</td></tr>
</table>
<div id="" style="width: 1000px;background: red;height: 100px;">
</div>
</div>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
mui(".mui-scroll-wrapper").scroll({
scrollY: true, //是否竖向滚动
scrollX: true, //是否横向滚动
startX: 0, //初始化时滚动至x
startY: 0, //初始化时滚动至y
indicators: false, //是否显示滚动条
deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
bounce: false, //是否启用回弹
})
</script>
</body>
</html> 这和配置横向滚动不执行
3 个回复
ilyf - 文达软件
我也碰到，横向滚动无法使用，有人能帮忙一下吗？
竖向可以。是否跟侧滑列表在同一个页面有关系？
zzk
http://ask.dcloud.net.cn/question/19073
ilyf - 文达软件
我研究出来了，要设置滚动区宽度才行。
<div id="offCanvasContentScroll" class="mui-scroll-wrapper">
<div id="reportcontent" class="mui-scroll" style="width: 20000px;">