会飞的羊
会飞的羊
  • 发布:2016-01-08 15:45
  • 更新:2016-01-13 11:02
  • 阅读:2327

ios下拉刷新,如何让head保持不动

分类:MUI

同样的代码在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>  

。。。。

具体代码查看我的附件。

2016-01-08 15:45 负责人:无 分享
已邀请:
会飞的羊

会飞的羊 (作者)

找到原因了
var subpage_style = {
top: '46px',
bottom: '50px',
scrollIndicator: 'none',
//bounce: 'vertical'
};
把bounce注释掉就行了。这个属性会产生页面弹性效果

该问题目前已经被锁定, 无法添加新回复