響應菜單（iPhone 5）

我的客戶有一個iPhone 5並且在響應菜單滾動的網站http://www.arbores.be（使用Safari瀏覽器）問題響應菜單（iPhone 5）

我無法重現的問題，是否有人認識到這個問題？我如何解決滾動問題？

我的客戶已經表明了我的問題 screencapture phone

下面的視頻是爲響應菜單

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

來源

2017-10-11 Lies Rummens

由於我們不知道你的代碼是什麼樣的，我們只能猜測這個問題。但是，真的，這只是扔在沒有目標的牆上。 – Lexi

究竟是什麼問題？以什麼方式滾動？ – atmd

我已經添加了菜單和screencapture的代碼，我的客戶端設置了我。 –

首先，你設置的meta標籤代碼：

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

然後檢查您提供的所有填充。另外，請檢查您設置的寬度任意寬度：100％

實在不行再用溢出嘗試：隱藏

體，HTML {溢出-X：隱藏; }

來源

2017-10-11 13:19:11 vic

響應菜單（iPhone 5）

回答

相關問題