移动网站不会滚动[关闭]答案

【问题标题】：Mobile site will not scroll [closed]移动网站不会滚动[关闭]
【发布时间】：2015-08-29 02:28:15
【问题描述】：

我正在处理的网站的移动版本出现问题。我正在使用 wordpress，桌面版可以正常工作，但移动网站不允许使用触摸屏滚动。我尝试取出一些位置固定的元素，并尝试禁用各种 jquery 脚本，但我不太确定是什么导致了这个问题。我搜索了线程并尝试了各种修复，但无法使其正常工作。任何帮助表示赞赏！谢谢。

【问题讨论】：

我知道我得到了 -1，但没有理由。我是新来的，所以如果你解释我做错了什么，我以后可以更好地为社区服务，并澄清任何困惑。我在安卓手机上。我用尽了几个小时看这里和谷歌，无法修复该网站。请点击链接并在安卓手机上滚动，您会看到问题，它可能与触摸屏有关，因为菜单链接仍会将您滚动到网站的各个部分。
失去滚动顶起的任何东西，这意味着当您滚动时它试图使页面的某些部分成为焦点。老实说，即使实施得当，它们也很花哨且令人讨厌。控制台中还会弹出大量丢失的文件和 javascript 错误。作为记录，-1 与您的问题有关。 SO 的目标是解决特定的编码问题，即您提供的代码您尝试过但不起作用，我们会尝试修复它。 “这里的链接坏了”不符合条件。这看起来很苛刻，但它可以保持网站清洁并按预期工作。

【解决方案1】：

我不会认为你需要做的任何事情都是“修复”。发生的一切都是因为它没有正确编写 - 并且需要正确编写。

我使用的是最新的 Chrome 浏览器，虽然是“排序”滚动 - 有时是在桌面上 - 我会认为整个事情都被彻底破坏了。无法使用。（当然，甚至没有 1% 接近 WordPress 主题，您可以实际销售...... - 或自己使用 - 布伦特。）

罪魁祸首可能是两件事的结合。首先，您可能并不真正了解 CSS 定位。一切都在以你无法控制的方式做事并对其他元素做出反应。第二件事是您有大量的视差脚本 - 出于多种原因 - 这些脚本在桌面设备上尤其是移动设备上一团糟。

视差通常通过将元素位置更改为绝对位置，然后使用该位置进行偏移并产生效果来起作用。视差 - 如果完全使用（我强烈建议不要使用它） - 应该在最后添加作为“增强”。

HTML 文档的 html / body - 不知道它有多高，除非它能够清楚地理解它的子元素的高度。您正在做的视差和其他事情使这变得不可能 - 因此 - 滚动的整个距离都是神秘的 - 这很可能是它的滚动全部搞砸的原因。

我敢打赌，您正在插入并使用某种主题（快速搜索“这是什么 wordpress 主题”会发现很多信息）——而且您可能无意学习编程……在这种情况下- 我建议找一个方形场地或其他东西，并尝试像你一样装饰。

但是 - 如果您打算学习 - 从头开始制作这个网站 - 并且不使用 JavaScript。 - 然后稍后 - 在网站完成所有基础之后 - 您可以考虑添加一些动画效果等。

在排除故障时 - 在所有内容周围放置明亮的颜色边框，也许您会开始看到这些元素在自然流动或其他方面是如何工作的。

祝你好运！

【讨论】：