主页面可以上下滑动，子页面可以左右滑动，如何让它们同时只有一个滑动？
主页
<body>
<div class="mui-input-row" id="index-input-search">
<input type="text" id="index-input-search-input" placeholder="搜索" readonly="true">
</div>
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item" id="bar-1">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" id="bar-2">
<span class="mui-icon mui-icon-phone"></span>
<span class="mui-tab-label">新闻</span>
</a>
<a class="mui-tab-item" id="bar-3">
<span class="mui-icon mui-icon-email"></span>
<span class="mui-tab-label">购物车</span>
</a>
<a class="mui-tab-item" id="bar-4">
<span class="mui-icon mui-icon-gear"></span>
<span class="mui-tab-label">我的</span>
</a>
</nav>
</body>
<script>
mui.init({
subpages: [{
url: "home.html",
id: "home.html",
styles: {
top: "45px",
bottom: "50px"
}
}]
});
</script>
子页
<div id="slider2" class="mui-slider">
<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#item1">热卷</a>
<a class="mui-control-item" href="#item2">建材</a>
<a class="mui-control-item" href="#item3">中厚板</a>
<a class="mui-control-item" href="#item4">冷镀</a>
<a class="mui-control-item" href="#item5">型管</a>
</div>
<div id="sliderProgressBar" class=""></div>
<div class="mui-slider-group">
<div id="item1" class="mui-slider-item mui-control-content mui-active">
<ul id="ul-1" class="mui-table-view">
</ul>
</div>
<div id="item2" class="mui-slider-item mui-control-content mui-active">
<ul id="ul-2" class="mui-table-view">
</ul>
</div>
<div id="item3" class="mui-slider-item mui-control-content mui-active">
<ul id="ul-3" class="mui-table-view">
</ul>
</div>
<div id="item4" class="mui-slider-item mui-control-content mui-active">
<ul id="ul-4" class="mui-table-view">
</ul>
</div>
<div id="item5" class="mui-slider-item mui-control-content mui-active">
<ul id="ul-5" class="mui-table-view">
</ul>
</div>
</div>
</div> 
