IOS H5兼容性问题及解决方案记录

1. 日期兼容性问题

    
	const t = '2021-09-10';	 
	
	//  在ios中 会报错 invalid Date
	
	new Date（t）;  // invalid Date
	
	new Date('2021/09/10') // ios 可以正确识别 这种格式的日期

2. overflow 导致的 问题

	<div class='parent'>
		<div class='child'>
		 <img src='xxx' />
		 <span>xxx</span>
		</div>
	</div>

	.parent {
		position: relative;
		overflow: scroll;
	}
	.child {
		overflow: hidden;
	}

按照以上写法，在**IOS部分机型**(应该是部分版本的系统中)会出现，上下滑动后，span 和 img 标签中的 **内容"消失"** 的现象；

处理方法则是 去掉 .child 的 overflow 属性，改用其它属性实现想要的效果

3. 背景和内容分离
   由于ios的橡皮筋效果，可滚动DOM结构会出现自动回弹，这种原本为了页面更加丝滑的效果，
也导致了页面webview 本身 和 页面内可滚动内容，在下拉时出现分层，可以看到顶部或底部的空白内容。

    处理方法：
   
    1> 给页面内可滚动内容设置定位属性；
    2> 在可滚动容器的下层设置有定位属性的遮罩，遮盖住webview本身的空白。