IE浏览器隐藏web项目的Y轴滚动条

1.错误效果图如下：

发现右侧出现滚动条，有个滚动条是页面的滚动条。

2.在页面加入代码

 <style type="text/css">
		/*IE9, IE10, IE11, IE12*/
	    body{
	        -ms-scroll-chaining: chained;
	        -ms-overflow-style: none;
	        -ms-content-zooming: zoom;
	        -ms-scroll-rails: none;
	        -ms-content-zoom-limit-min: 100%;
	        -ms-content-zoom-limit-max: 500%;
	        -ms-scroll-snap-type: proximity;
	        -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
	        -ms-overflow-style: none;
	        overflow: auto;
	    }
	   
    </style>

body代表的是设置的范围。
选择 class="intro" 的所有元素，就设置成 .intro
选择 id="firstname" 的所有元素, 就设置成 #firstname

大功告成~~~