头部固定内容滚动的方法

利用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>

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。