头部固定内容滚动的方法

利用flex布局和overflow-x样式可以简单的实现头部导航固定不动，内容区域滚动的效果。

<div class='page'>

<div class='head'></div>

<div class='main'></div>

</div>

<style lang='scss'>

  .page{

display:flex;

flex-direction: column;

.main{

flex:1;

overflow-x:hidden;

}

}

</style>