Css 垂直滚动不适用于Mobile Safari

出于某种原因，当我在mobile Safari（iOS 9.1、iPhone 5、Safari 8.1）上访问我的网站时，垂直滚动在我的网站上不起作用：

附加了mobile Safari调试结果。我看到的唯一相关错误是5个CSS、字体相关警告，其他一切正常

垂直滚动在iPhone6上运行良好，在我的桌面浏览器上也运行良好。这是怎么回事

（注意：我使用的是字体很棒的图标和FlexBox布局，但不确定两者是否与问题有关）

移动SAFARI调试控制台

@media (max-width:960px){
   > aside {
     flex: 0 0 100%;
     display: flex;
     flex-flow: column nowrap;
     height: 100%;

      > header {
        flex: 0 0 60px;
        margin: 0 0px;
      }

      > main {
        flex: 1 auto;
        height: 100%;
        overflow-y: scroll;
        padding: 0 10px;
      }

.restaurant {
  margin: 30px 0;

  &.selected {
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.5);;
    padding: 2px;
  }

  .item-image {
    max-width: 100%;
  }

  }

  figcaption {
    min-height: 80px;
    position: relative;
  }

  .item-rating {
    display: inline-block;
    position: absolute;
  }

相关SCSS代码

@media (max-width:960px){
   > aside {
     flex: 0 0 100%;
     display: flex;
     flex-flow: column nowrap;
     height: 100%;

      > header {
        flex: 0 0 60px;
        margin: 0 0px;
      }

      > main {
        flex: 1 auto;
        height: 100%;
        overflow-y: scroll;
        padding: 0 10px;
      }

.restaurant {
  margin: 30px 0;

  &.selected {
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.5);;
    padding: 2px;
  }

  .item-image {
    max-width: 100%;
  }

  }

  figcaption {
    min-height: 80px;
    position: relative;
  }

  .item-rating {
    display: inline-block;
    position: absolute;
  }

---

将此添加到body标签：

-webkit-overflow-scrolling: touch;

---

现在它可以工作了。

这仍然相关吗？我在添加这个无效属性时出错