当前位置：文江博客话题详情

移动网站 - 根本不滚动

发布于 2024-11-18 17:11:33 字数 107 浏览 0 评论 0原文

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

我缺少什么？我已经尝试了各种溢出选项，但似乎没有任何效果。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

甜尕妞 2024-11-25 17:11:33

我会执行以下操作...

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

回复收藏 0 原文

糖果控 2024-11-25 17:11:33

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

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

尝试从 .wrapper 中删除高度

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

如果您遇到内容溢出，请将 overflow: hide 添加到 .wrapper

BODY and HTML tags are 100% in height and so is your .wrapper

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

Try removing the height from .wrapper

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

If you experience content overflowing, add overflow: hidden to .wrapper

回复收藏 0 原文

五里雾 2024-11-25 17:11:33

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

回复收藏 0 原文