移動網站不會滾動雖然滾動條出現

Question

我只是在建立一個使用響應式wordpress主題的新網站。

該網站的網址是 - www.render-box.co.uk/new/

該網站看起來好像沒什麼問題，當它擴展到手機大小，但在移動觀看時，我不能滾動下。滾動條出現在頁面的一側。

看起來好像有什麼東西阻止了頁面滾動，我不太確定是什麼？

謝謝

Answer 1

好的。如果您檢查代碼，那麼會有一個腳本在HTML標記中放入：「overflow：hidden」。 （我想這是因爲自定義滾動條，實際上它是niceScroll插件做的，它不適用於手機）....所以，你可以製作一個腳本來覆蓋nicescroll。

我爲您做了這個，這將檢查UserAgent以檢測用戶是否在移動設備上，然後覆蓋html標籤的css規則。希望這對你有用。

$(function(){ 

     var movil=false; 

     if(navigator.userAgent.match(/Android/i) || 
      navigator.userAgent.match(/webOS/i) || 
      navigator.userAgent.match(/iPhone/i) || 
      navigator.userAgent.match(/iPad/i)|| 
      navigator.userAgent.match(/iPod/i) || 
      navigator.userAgent.match(/BlackBerry/i)){ 

      var movil=true; 

     } 

     else{ 
      var movil=false 
     } 


     if(movil==true){ 

      // SET OVERFLOW TO AUTO, SO THE SCROLL IT'S ALLOWED 

      $("html").css("overflow", "auto"); 

      //HIDE THE NICESCROLL FOR MOBILE DEVICES 

      $("#ascrail2000").css("display", "none"); 


     } 

     else{} 
    }); 

不要忘記把這個標籤上的HTML結束，當DOM準備好了，所以它會覆蓋CSS。