手机不允许滚动

时间:2015-12-30 13:11:32

标签: html css scroll mobile-website

这是我的第一个网站,我无法在Android手机的页面上滚动任何地方。我可能错过了一些简单的东西! 以下是我网站css的一部分:

  html,body {
        min-width: 320px;
}
body, input, select, textarea {
        font-size: 11pt;  
        padding: 3px;
        color: #000;
        margin: 0;
        }   
#bg {
        background-size: contain;
        width: 1500px;
    }
 div {
      width: 150px;
      height: 150px;
      overflow: scroll;
} 
div::-webkit-scrollbar {
    width:15px !important;
} 
div::-webkit-scrollbar-track {
    -webkit-border-radius:5px !important;
    border-radius:5px !important ;
    background:rgba(0,0,0,0.1) !important;
} 
div::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px !important;
    border-radius:5px !important;
    background:rgba(0,0,0,0.3) !important;
} 
div::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.3);
} 
div::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.3);
}

1 个答案:

答案 0 :(得分:0)

overflow样式属性添加到body标记中。

html,body {
      min-width: 320px;
      overflow-y: scroll;}