ios position:fixed 上滑下拉抖动

ios position:fixed 上滑下拉抖动

最近呢遇到一个ios的兼容问题，界面是需要一个头底部的固定的效果，用的position:fixed定位布局，写完测试发现安卓手机正常的，按时ios上会出现上滑或者下拉的时候头部或者底部被带下来，然后过一会自己在滑上去，感觉很卡顿，感官很不好，最后发现是position:fixed的兼容问题

百度找了两个方案分别用了一下

方案一

 

 transform: translateZ(0);

 -webkit-transform: translateZ(0);

解释：在使用position:fixed的元素上加上该属性。

但是这个我写了并没有奏效，按照他的用法，不知道是不是我写的问题，也是很郁闷了

方案二

页面布局

<header></header>//头部置顶

<div></div> //中间滚动

<footer></footer>//底部置底

css

 

header{

position:fixed;

top:0;

}

div{

 position: absolute;
 width: 100%;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;/* 解决ios滑动不流畅问题 */
         

}

footer{

position:fixed;

bottom:0;

}

好了，完美解决问题