オーバーフロー：Safari OSXでオートが機能しない

オフキャンバスナビゲーション（Zurb Foundationを使用）があり、オーバーフローがautoに設定されているため、メニューが長い場合はスクロールできます。オーバーフロー：Safari OSXでオートが機能しない

それは現在次のブラウザに取り組んでいる：

クローム
Firefoxの
Internet Explorerの
アンドロイドクローム
のSafariのiOS

けどSafari for OS Xにはありません：
オーバーフローのようなメニューはhiddenと扱われ、スクロールしません。ここで

は、HTMLのメニューです：

<!-- Off Canvas Menu --> 
     <aside class="right-off-canvas-menu"> 
      <ul class="side-nav" role="navigation" title="Main Navigation" onmouseover="this.title='';"> 
       <li class="divider"></li> 
       <li role="menuitem"><a href="#">Home</a></li> 
       <li class="divider"></li> 
       <li role="menuitem" class="active-parent"> 
        <a href="#">Agriculture & Natural Resources</a> 
        <ul> 
         <li role="menuitem" class="active"><a href="third-level.html">Home & Garden</a></li> 
         <ul> 
          <li role="menuitem"><a href="#">Lawn & Garden Tips</a></li> 
          <li role="menuitem"><a href="fourth-level.html">Garden Q&A</a></li> 
          <li role="menuitem"><a href="#">Ponds</a></li> 
          <li role="menuitem"><a href="#">Turfgrass & Calendar</a></li> 
          <li role="menuitem"><a href="#">Weeds</a></li> 
          <li role="menuitem"><a href="#">Insects</a></li> 
          <li role="menuitem"><a href="#">Invasive Plants</a></li> 
          <li role="menuitem"><a href="#">Wildlife</a></li> 
          <li role="menuitem"><a href="#">Gold Medal Plants</a></li> 
          <li role="menuitem"><a href="#">Finding Arborists</a></li> 
          <li role="menuitem"><a href="#">Finding Landscapers</a></li> 
         </ul> 
         <li role="menuitem"><a href="#">Plant Material</a></li> 
         <li role="menuitem"><a href="#">Diagnostic Testing</a></li> 
         <li role="menuitem"><a href="#">Green Industry</a></li> 
         <li role="menuitem"><a href="#">Publications</a></li> 
         <li role="menuitem"><a href="#">Newsletters</a></li> 
        </ul> 
       </li> 
       <li class="divider"></li> 
       <li role="menuitem"><a href="#">Family & Consumer Sciences</a></li> 
       <li class="divider"></li> 
       <li role="menuitem"><a href="#">4-H Youth</a></li> 
       <li class="divider"></li> 
       <li role="menuitem"><a href="#">Events</a></li> 
       <li class="divider"></li> 
       <li role="menuitem"><a href="#">Contact Us</a></li> 
       <li class="divider"></li> 
      </ul> 
     </aside>

そして、ここではSASSです：

// Off Canvas 
// - - - - - - - - - - - - - - - - - - - - - - - 

.right-off-canvas-menu { 
    height: 100%; 
    max-height: 100vh; 
    overflow: auto; 
    -webkit-overflow-scrolling: touch; 
}

出典

2015-10-06 J. French

誰でも好奇心旺盛であれば、私はそれをほぼ解決してきました。マージンとパディングコードを追加すると、Safari for OS Xでは正常に動作するように見えますが、iOSのSafariが別の要素のoverflow：hiddenプロパティを無視するという奇妙な問題が発生しています。しかし、これは問題を直面しているように見える。 '.right-off-canvas-menu { 高さ：100％; 最大高さ：100vh; マージン：0; パディング：0;オーバーフロー：自動; -webkit-overflow-scroll：touch; } ' –