Question

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

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

Answer 1

我会做以下事情......

我会先暂时禁用/删除样式表，以确保一切都像普通的html一样漂亮（如果没有样式表仍有问题，可能会有js脚本破坏混乱）
我会在样式表中搜索绝对位置（特别是在包装器，内容或侧边栏元素上）。这通常是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

Answer 3

我正在使用JavaScript加载的iframe滑块在我的网站上加载YouTube视频。这导致Android出现问题，该问题不允许滚动和缩放页面。它与设置CSS“html，body”高度或溢出hiddens无关。一旦我在jQuery滑块插件中删除了我的YouTube视频，网站滚动和缩放就开始在Android手机上正常工作。

Answer 4

尝试删除你html上添加的最后一个javascripts！我发现我的网站没有在手机上滚动，因为是javascript。最好的问候，

移动网站 - 根本不滚动

4 个答案: