8***@qq.com
8***@qq.com
  • 发布:2018-01-29 17:19
  • 更新:2018-01-30 10:36
  • 阅读:897

ios系统 header上拉时会隐藏

分类:MUI

ios系统 header上拉时会隐藏,当添加

html, body {  
    height: 100%;  
    margin: 0px;  
    padding: 0px;  
    overflow: hidden;  
    -webkit-touch-callout: none;  
    -webkit-user-select: none;  
}  

.mui-content {  
    height: 100%;  
    overflow: auto;   
}   

可解决隐藏问题
但是下拉会受到影响,当下拉时会触发刷新,现在需要下拉刷新,如何解决这bug?

2018-01-29 17:19 负责人:无 分享
已邀请:
回梦無痕

回梦無痕 - 暂停服务

把网页设置高度100%,手指下滑是肯定会触发下拉刷新的,因为H5+的下拉刷新是根据网页是否已经到了顶部来判断是否触发下拉刷新的,网页设置高度100%,网页一直都在顶部,手指继续下滑,是会触发下拉。。
建议不适用网页设置高度100%这种方法。
当然,你非要是要这种方法也有方法解决下拉刷新问题的。
1.监听一下你设置的.mui-content区域滚动,获取滚动高度

  1. 当.mui-content区域滚动高度为0时候,添加下拉刷新
  2. 当.mui-content区域滚动高度不为0时候,关闭下拉刷新。

另外,
header上拉时会隐藏
这个是滑动时候隐藏了,滑动停止之后又显示,对吧?
如果是,
这是ios11的webview问题。其实设置换一下内核就可以了,只是,要把JS的ajax请求全部替换使用H5+的网络请求

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