IOS8：当固定页脚中的输入获得焦点时，整个页面向下滚动答案

【问题标题】：IOS8: whole page scrolls down when input in fixed footer gets focusIOS8：当固定页脚中的输入获得焦点时，整个页面向下滚动
【发布时间】：2015-02-24 12:58:28
【问题描述】：

我有一个固定页脚的问题，里面有一个输入字段。您可以在http://dfitness.com.au/ 页面上找到该示例。向下滚动一点时会出现页脚。然后，如果页脚中的输入获得焦点，则整个页面向下滚动。为什么会发生？如何解决？

p.s.：我只能在装有 iOS 8 的 iPad 和 iPhone 上的 Safari 中重现此错误。

【问题讨论】：

【解决方案1】：

使用隐藏溢出使 body 元素填充 100% 的宽度和高度。然后将额外的 div-container 添加到 body 并将所有 body 以前的内容放在这个 div 中。使 div 可滚动。现在可以安全地将固定页脚放入正文中。它不会滚动。

【讨论】：