9***@qq.com
9***@qq.com
  • 发布:2017-11-09 16:32
  • 更新:2017-11-10 08:56
  • 阅读:1430

ios设备上,页面滑动时标题栏会跟着消失

分类:MUI

详细问题描述
ios设备上,页面滑动时标题栏会跟着消失,以前没发现该问题

重现步骤
新建一页面,添加标题栏及列表,列表设长点使页面可长距离滑动
[结果]
快速滑动页面,标题栏消失
[期望]
快速滑动页面,标题栏不动

运行环境
最新版
ios设备

附件
<!doctype html>
<html>

<head>  
	<meta charset="UTF-8">  
	<title></title>  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
	<link href="//ask.dcloud.net.cn/css/mui.min.css" rel="stylesheet" />  
	<style>  
		.mui-table-view-cell{  
			height: 80px;  
		}  
	</style>  
</head>  

<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">标题</h1>  
	</header>  
	<div class="mui-content">  
		<ul class="mui-table-view">  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                Item 1  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 2  
	            </a>  
	        </li>  
	        <li class="mui-table-view-cell">  
	            <a class="mui-navigate-right">  
	                 Item 3  
	            </a>  
	        </li>  
	    </ul>  
	</div>  
	<script src="js/mui.min.js"></script>  
	<script type="text/javascript">  
		mui.init()  
	</script>  
</body>  

</html>

联系方式

2017-11-09 16:32 负责人:无 分享
已邀请:
回梦無痕

回梦無痕 - 暂停服务

ios11吧?

9***@qq.com

9***@qq.com (作者)

是的,ios11

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