position：fixed时页面不能向下滚动

最近开发时需要个问题，由于要修改已有的css，尤其是修改不是自己写的布局时（os：自己写的时间一长也基本忘得干净）。经过一番排查后发现是position：fixed时，页面不能向下滚动了。一开始还以为是定位问题，需要改成relative或absolute。开看解决方法：

只需加这两行：

 

 

.mainCon {
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow-x:hidden;
    overflow-y:scroll;
  }