解決ios的webview中上/下拉露出黑灰色背景問題

解決ios的webview中上/下拉露出黑灰色背景問題

問題描述：手機H5頁面在ios的webview中，下拉（或上拉）會露出黑灰色背景 ,感覺很不好看,現在想要去掉這個背景

解決方法:
1.touchmove時阻止系統默認的滑動事件

document.querySelector('body).addEventListener('touchmove',function(e){
	e.preventDefault();
})

這個方法在安卓上好使,但是在ios上沒有作用.(注意:不要使用’touchstart’,會影響其他元素的fastclick事件)

2.下拉或者上拉時,固定定位的元素並不會隨着移動,所以可以將整個bosy設置爲固定定位即可.(雖然簡單,但是親測有效)

body {
    position: fixed;  /* 固定定位 */
    left: 0;
    top: 0;
}

但是這個方法適用場景是:body的高度不超過webview可視範圍的高度.