Iphone iOS 7 Safari：防止UI chrome在向上滚动和向下滚动时显示不同

目前，当页面在Safari iOS 7（11A4449D）上滚动时，页眉会缩小，单击视口底部44px的任意位置会出现页脚灰色条（带有下一页/上一页链接等）

相反，向上滚动页面时，页脚栏保持在位，页眉栏保持较大尺寸。是否有任何元标记（或类似标记）可以防止这种行为，使其在向上滚动和向下滚动时保持一致

---

如果浏览器在chrome进入/退出视图时触发了一些JS事件，我们可以解决这个问题，但它没有。作为对此的更新：

我们最终通过使用

bottom:0解决了这个问题而不是
顶部：100%。我们希望在第一个实例中使用top:100%，因为这意味着添加到该元素中的项目将自动向下呈现（屏幕外）

通过采用相反的方法，我们只需手动将面积（使用JS）转换为与所添加项相等的量

这会导致“粘性”页脚出现在操作系统chrome的底部上方。
（只是好奇）你为什么要更改它？你能为你的内容获得更多的可用屏幕空间，这不是很好吗？嗨，大卫，通常情况下，是的，但是在一个web应用程序上工作，它有一个固定的位置元素，可以通过屏幕底部的按钮（通过JS）调用。目前，由于iOS7 chrome被移除，该项目仍处于该位置，但底部的44px变为“惰性”，因此无法从该区域触发JS事件（它只是将浏览器chrome带回到视图中）。我们可以解决这个问题，如果浏览器在chrome进入/退出视图时触发了一些事件，但我们认为不会。嗨@Ben，我也遇到了完全相同的情况，底部和顶部的chrome条破坏了用户体验，需要点击2次而不是1次。我正在努力理解你的变通方法。您的页脚，您是否将其定位为固定的？我不明白为什么只放底部：0不能让它工作。你能解释一下你是怎么做的吗？我们给你想要定位的元素添加了以下关键位：位置：固定，底部：0px，变换：translate3d（0，-你的高度-这里，0）；