移动网站 - 根本不滚动

Question

我到处搜索 - 我的网站没有固定的高度,没有固定的展示位置.它显示了我想要的视口,但仅限于此.它不会滚动或显示任何其他内容.

我错过了什么？我尝试了各种溢出选项,似乎没有任何工作.

Answer 1

我会做以下......

1. 我会先暂时禁用/删除样式表,以确保一切都像普通的html一样漂亮(如果没有样式表仍有问题,可能有js脚本破坏混乱)
2. 我会在样式表中搜索绝对位置(特别是在包装器,内容或侧边栏元素上).这通常是iOS /移动电话设备上可滚动性的首要杀手.

Answer 2

BODY和HTML标签的高度为100%,您的.wrapper也是如此

html, body {min-height:100%; height:100%; overflow-x:hidden; display:block;}

尝试从.wrapper中删除高度

.wrapper {
    position:relative;
    width:80%;
    margin:0 auto;
}

如果您遇到内容溢出,请添加overflow: hidden到.wrapper