横向切换导航无法滚动

Question

在横向视图中，我有一个可打开的移动导航，但不会向下滚动以查看更多菜单选项。当导航器完全关闭时，这有点可以，但是我有一个项目的第二级切换，然后阻止我向下滚动。我是否缺少CSS修复程序？

没有什么特别的关于它的风格 - jQuery在汉堡包菜单图标和＆＃34;太阳能服务＆＃34;上打开/关闭？链接打开它。

注意 - 在响应模式（Chrome）中查看显示页面正在滚动，但导航不会随窗口滚动。此标题也粘滞/固定在窗口的顶部。

菜单已关闭

菜单打开

Answer 1

它并不漂亮，但另一篇SO帖子引发了以下的工作

＆＃13;

＆＃13;

/* ----------- iPhone 5 and 5S ----------- */
  /* Landscape */
  @media only screen
    and (min-device-width: 320px)
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
    height: 300px;
    max-height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch; // mobile safari
  }

  /* ----------- iPhone 6 ----------- */
  /* Landscape */
  @media only screen
    and (min-device-width: 375px)
    and (max-device-width: 667px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
    height: 300px;
    max-height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch; // mobile safari
  }

  /* ----------- iPhone 6+ ----------- */
  /* Landscape */
  @media only screen
    and (min-device-width: 414px)
    and (max-device-width: 736px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) {
    height: 300px;
    max-height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch; // mobile safari
  }

＆＃13;

＆＃13;

＆＃13;