网页不能在Android手机中滚动(HTML / CSS / JS)

时间:2017-09-11 14:49:02

标签: javascript html css web mobile-website

我的网站没有在Android手机(Chrome浏览器)中滚动它在UC浏览器,Safari中工作。完美地在笔记本电脑上工作。

帮我解决这个问题

我已经通过了许多答案,但我找不到任何出路。

我的Style.css中存在一些问题

我的Style.css

CLICK HERE

2 个答案:

答案 0 :(得分:0)

您需要向正文添加媒体查询

body {
  background: #0f0f0f;
  overflow-y: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

溢出-y:隐藏;防止你的Android浏览器滚动 所以,你需要删除这个hiddend或添加meddia查询

@media screen and (max-width: 480px) {
    body {
        overflow-y: scroll;
    }
}

答案 1 :(得分:0)

尝试在你的身体中使用下面的那个,html。

    body 
    {
     background: #0f0f0f;
     min-height:100%; height:100%; 
     overflow:scroll; 
     display:block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    }