布局容器只滚动main区域的笔记

好像是element ui布局容器以前有这个效果,后来没有优化这个问题,所以就手动去设置了

布局容器

就是他

为他设置样式

.home-container {
  position: relative;
  height: 100%;
}
.el-header {
  position: relative;
  top: 0;
  left: 0;css
  }
  .el-aside {
  position: absolute;
  top: 60px;
  left: 0;
  height: 100%;
  }
  .el-main {
  position: absolute;
  left: 200px;
  right: 0;
  top: 60px;
  bottom: 0;
  overflow-y: scroll;

## 因为整体的布局会形成一个滚动,所以添加一个全局样式

html,body,#app {
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 1366px;
    overflow-y:hidden;
    overflow-x:hidden;
}