応答メニュー（iphone 5）

Question

私のクライアントは、iPhone 5を持っていると私は、問題を再現トラブルを抱えている（サファリを使用して）ウェブサイトhttp://www.arbores.beのために応答メニューに

スクロールの問題があり、誰かが問題を認識していますか？スクロールの問題を解決するにはどうすればよいですか？

<meta name="viewport" content="width=device-width, initial-scale = 1.0, 
 
maximum-scale=1.0, user-scalable=no" />

：

私のクライアントは問題 screencapture phone

のビデオはここでは、metaタグを設定応答メニューのコード

.main-navigation { 
      position: fixed; 
    top: 0; 
    left: 0; 
    -webkit-transform: none; 
    -moz-transform: none; 
    transform: none; 
    height: auto; 
    overflow-y: auto; 
    min-height: 0; 
      z-index: 9999; 
    padding-left: 0; 
     padding-right: 0; 
    .menu-toggle { 
     float: right; 
    } 
    .menu-main_menu-container { 
     background: $main__color; 
    } 
    ul { 
     width: 100%; 
     height: 93vh; 
     background: $main__color; 
       top: 0; 
       left: 0; 
       right: auto; 
       bottom: auto; 
       -webkit-transform: none; 
     -moz-transform: none; 
     transform: none; 
       z-index: 9998; 
     overflow-y: scroll; 
     -webkit-overflow-scrolling:touch; 
     li { 
      width: 100%; 
      border-bottom: 1px solid darken($main__color, 10%); 
      margin: 0; 
      &:last-child { 
      padding-bottom: 20px; 
      border-bottom: 0; 
      } 
      a { 
       @include font-size(16px); 
       width: 100%; 
           color: #fff; 
       padding: 5px 0 5px 24px; 
       &:after { 
        display: none; 
       } 
      } 
     } 
    } 
    } 

Answer 1

まずだ私を示しています

あなたが与えたパディングをすべて確認してください。また、あなたが設定した幅をチェック 任意の幅：

何がオーバーフローでそれを試し、その後に動作しない100％：隠された

体、HTML {オーバーフロー-X：隠されました; }