h5页面防止左右滑出空白部分的问题

问题：h5页面滑动出现了空白部分
定位问题：
1.可能是有元素超出：
没有元素超出 检索得到解决方案

点击查看代码

## h5页面防止左右滑出空白部分的问题

**解决方法:**设置meta标签,以及css样式=>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
html,body{overflow-x:hidden;-webkit-overflow-scrolling: touch;}

**新问题产生：**navbar随着滚动样式变为白底黑子， ` window.addEventListener('scroll', handleScroll);` 监听失效 **定位排查：**overflow-x:hidden造成的 **解决方法：**

点击查看代码

html,body{
	overflow-x:hidden;
}

修改为,即去掉html的overflow-x:hidden这个属性设置,用body代替

body{
	overflow-x:hidden;
}

**补充后续：**电脑预览已解决，手机上又复现。 **最终解决方法：**直接在代码模块最外面一层div 加上样式 overflow-x:hidden