侧滑导航中的主内容无法上下滑动

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

</head>

<body>

<!-- 主界面菜单同时移动 -->

<!-- 侧滑导航根容器 -->

<div class="mui-off-canvas-wrap mui-draggable">

<!-- 主页面容器 -->

<div class="mui-inner-wrap">

<!-- 菜单容器 -->

<aside class="mui-off-canvas-left" id="offCanvasSide">

<div class="mui-scroll-wrapper">

<div class="mui-scroll">

<!-- 菜单具体展示内容 -->

                &lt;/div&gt;

&lt;/div&gt;

&lt;/aside&gt;

&lt;!-- 主页面标题 --&gt;

&lt;header class=&quot;mui-bar mui-bar-nav&quot;&gt;

&lt;a class=&quot;mui-icon mui-action-menu mui-icon-bars mui-pull-left&quot; href=&quot;#offCanvasSide&quot;&gt;&lt;/a&gt;

&lt;h1 class=&quot;mui-title&quot;&gt;标题&lt;/h1&gt;

&lt;/header&gt;

&lt;nav class=&quot;mui-bar mui-bar-tab&quot;&gt;

&lt;a class=&quot;mui-tab-item mui-active&quot;&gt;

&lt;span class=&quot;mui-icon mui-icon-home&quot;&gt;&lt;/span&gt;

&lt;span class=&quot;mui-tab-label&quot;&gt;首页&lt;/span&gt;

&lt;/a&gt;

&lt;a class=&quot;mui-tab-item&quot;&gt;

&lt;span class=&quot;mui-icon mui-icon-phone&quot;&gt;&lt;/span&gt;

&lt;span class=&quot;mui-tab-label&quot;&gt;电话&lt;/span&gt;

&lt;/a&gt;

&lt;a class=&quot;mui-tab-item&quot;&gt;

&lt;span class=&quot;mui-icon mui-icon-email&quot;&gt;&lt;/span&gt;

&lt;span class=&quot;mui-tab-label&quot;&gt;邮件&lt;/span&gt;

&lt;/a&gt;

&lt;a class=&quot;mui-tab-item&quot;&gt;

&lt;span class=&quot;mui-icon mui-icon-gear&quot;&gt;&lt;/span&gt;

&lt;span class=&quot;mui-tab-label&quot;&gt;设置&lt;/span&gt;

&lt;/a&gt;

&lt;/nav&gt;

&lt;!-- 主页面内容容器 --&gt;

&lt;div class=&quot;mui-content mui-scroll-wrapper&quot;&gt;

&lt;div class=&quot;mui-scroll&quot;&gt;

&lt;!-- 主界面具体展示内容 --&gt;

&lt;p&gt;1&lt;/p&gt;

&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;&lt;p&gt;1&lt;/p&gt;

&lt;/div&gt;

&lt;/div&gt;

&lt;div class=&quot;mui-off-canvas-backdrop&quot;&gt;&lt;/div&gt;

&lt;/div&gt;

&lt;/div&gt;

\n

</body>

</html>



2016-06-15 21:47 添加评论 分享
已邀请:
0

DCloud_MUI_CHB

赞同来自:

参考mui官网scroll(区域滚动)章节,确认执行了scroll的初始化工作。

mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
});
\n
0

加了scroll初始化,依然不能滑动,option如何设置,谢谢!

options = {
scrollY: true, //是否竖向滚动
scrollX: false, //是否横向滚动
startX: 0, //初始化时滚动至x
startY: 0, //初始化时滚动至y
indicators: true, //是否显示滚动条
deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏
bounce: true //是否启用回弹
}


要回复问题请先登录注册