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;
  }