移动网站不会滚动虽然滚动条出现

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。