iOS 7 Safari:防止UI chrome在向上滚动和向下滚动时出现不同



目前,当在Safari iOS 7(11A4449D)上滚动页面时,标题镀铬会减小,单击视口底部44px的任何位置都会显示页脚灰色条(带有下一页/上一页链接等)。

相反,向上滚动页面会使页脚栏保持原位,而页眉栏则保持较大的大小。是否有任何元标签(或类似标签)可以防止这种行为,使其在向上滚动和向下滚动时保持一致?

如果浏览器在chrome进入/离开视图时触发了一些JS事件,我们可以解决这个问题,但它没有。

正如对以下内容的更新:

我们最终通过在CSS中使用bottom: 0;而不是top: 100%;来解决这个问题。我们曾想在第一个实例中使用top:100%,因为这意味着添加到该元素中的项目将自动向下呈现(屏幕外)。

通过采取相反的方法,我们只需要手动将区域(使用JS)转换为与添加的项目相同的数量。

这导致当出现"粘性"页脚时,它会停留在操作系统chrome底部的上方。

最新更新