前端学习——css屏幕的两个部分分别有滚轮滑动

效果图如下：整个屏幕不会滑动，但是两个部分分别可以滑动

先布局：弹性盒子display:flex；控制布局row一下；
首先要把body的滚轮hidden掉，让整体先不动；
垂直滚轮overflow-y；轨道设置即存在，但是要使得滚轮滑动的话要设置height！！
这里overflow-y取值auto或者是scroll都可以只要内容多就能滑动，内容少取值auto 就是滑块满格。。因为内容少。

body{
	display: flex;
	flex-direction: row-reverse;
	overflow-y: hidden; // 整体不动
	
}
main{
	overflow-y:scroll;
	height: 800px; //设置高度，等高
	width: 75%;
	margin-left: 45px;
	margin-top: 10px;
}
nav{
	display: flex;
	flex-direction: column;
	width: 25%;
	height: 800px;//设置高度，等高
	overflow-y: auto;
}