html - IOS8 : whole page scrolls down when input in fixed footer gets focus

标签 html ios css css-position fixed

我对内部有输入字段的固定页脚有疑问。您可以在 http://dfitness.com.au/ 上找到示例页面。向下滚动一点时会出现页脚。然后,如果页脚中的输入获得焦点,整个页面将向下滚动。为什么会这样?如何解决?

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

最佳答案

使 body 元素填充 100% 的宽度和高度,并 overflow hidden 。然后向 body 添加额外的 div-container 并将所有 body 的先前内容放入此 div 中。使 div 可滚动。现在可以安全地将固定页脚放在正文中了。它不会滚动。

关于html - IOS8 : whole page scrolls down when input in fixed footer gets focus,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28696474/

相关文章:

javascript - 如何在 HTML 中嵌入从 R 导出的功能性打印图

ios - 如何在 ios 中为 UITextView 设置内容插入

ios - 如何解决 iOS 中的 GLKView 视口(viewport)问题

html - 如何将新图标添加到 HTML 元素的 CSS 类

javascript - 制作垂直 UL slider

html - 使用 CSS 将 div 设置为剩余高度,上面和下面的高度 div 未知

javascript - 使用 JQuery 循环遍历单独 HTML 文件的元素

html - 基于背景的边框颜色

ios - UIScrollView 的行为是否取决于全屏?

html - "full-size"绝对定位方式的区别