同样的代码在ios中,页面会下拉出现一段灰色区间,但是android不会。
按理说就是可以下拉也是head这块应该保持不动,从轮播图开始下拉。
我使用父子两层页面,和把head body写在一张页面里都用过,都不行。
奇怪的是android版本就没这个问题。
我父页面里的代码
<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">您好<span id="title_index"></span></h1>
<a id="loginBtn" onclick="goUrl('login.html')">登录</a>
</header>
</body>
子页面里代码:
<body>
<div class="mui-content">
<!--轮播图begin-->
<div id="slider" class="mui-slider">
<div id="rotation" class="mui-slider-group mui-slider-loop">
<!--额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a>
<img id="img_first" src="../img/default640_320.png">
</a>
</div>
。。。。
具体代码查看我的附件。
1 个回复
会飞的羊 (作者)
找到原因了
var subpage_style = {
top: '46px',
bottom: '50px',
scrollIndicator: 'none',
//bounce: 'vertical'
};
把bounce注释掉就行了。这个属性会产生页面弹性效果