.parent{
position:relative
height:100%//高度根据需求自行设定
}
.child{
position:absolute
left:0
top:0
right:0
bottom:0 //left,top,right,bottom都为0，充满真个页面
overflow-y:auto
overflow-x:hidden//设置Y轴出现滚动条，X轴隐藏
}
html部分
<div class="parent">
<div class="child"></div>
</div>
---------------------
作者：Franklin_hemm_2012
来源：CSDN
原文：https://blog.csdn.net/franklin_hemm_2012/article/details/78640753
版权声明：本文为博主原创文章，转载请附上博文链接！
纵向使用鼠标滚轮控制：可以设置页面的长度大于显示屏分辨率（可以设置body的height参数为3000px），多余的部分就以鼠标滚轮查看。
横向滚动条控制：在内容div或者article中设置横向长度大于屏幕分辨率，或者在父盒子设置overflow：scroll，多出的部分就使用滚动条显示。
从网页的美观性和用户体验角度，最好设置页面单向（纵向滚动）。横向滚动用户体验效果不是很好。
css只是层叠样式表，是控制页面的样式的，并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的，在js中有一个mousewheel事件，对这个事件进行设置，可以实现对鼠标滚轮的一些操作。
![ie浏览器不支持js导致部分功能缺失怎么解决[多图]](/aiimages/ie%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%8D%E6%94%AF%E6%8C%81js%E5%AF%BC%E8%87%B4%E9%83%A8%E5%88%86%E5%8A%9F%E8%83%BD%E7%BC%BA%E5%A4%B1%E6%80%8E%E4%B9%88%E8%A7%A3%E5%86%B3%5B%E5%A4%9A%E5%9B%BE%5D.png)
